@charset "utf-8";
/* CSS Document 全局*/
*, ::after, ::before {-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;min-height: 100%;margin: 0;font-weight: 300; color:#333}
html, body, div,h1, h2, h3, h4, h5, h6,hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, object, code,legend, button, input, textarea, label,th, td, a, img {
    margin: 0;padding: 0;border: 0;outline: 0;}
body {font: 14px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
/*设置默认字体*/
:focus {outline: 0;}
.search-select select:focus {outline: none;}

ul,ol,li{list-style: none;}
/*重置列表*/
fieldset, img {border: 0 none;vertical-align: top;}
img{ width:100%; max-width:100%; height:100%;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*重置表格*/
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
/*a 链接*/
a,a:focus {	outline: none; text-decoration:none}

.fl{ float:left;}
.fr{ float:right}
.linkwhite{ color: #ffffff}
.container{ width:80%;margin:0 auto; max-width:1280px;}
.page-padding,.page-box,.webmap{ padding:3rem 0; overflow:hidden; width:100%}
.product-main{ background:#f5f8f9}
/*头部*/
.top{ height:32px;background:#333; position:relative; z-index:8; line-height:32px;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap; color:#fff; overflow: hidden}
.top .top_fl{ background:#0086df;height:32px; left:0; top:0}
.top .container{ background:#333; height:32px; position:relative; z-index:1}
.top .top_fl, .top .top_fr,.fl.bottom-fl,.fr.bottom-fr{width:50%; position:absolute}
.top .container .fl{background:#0086df url("../images/top.png") right center no-repeat; padding:0 10rem 0 0}
.top .container .fl b{ font-size:1.15rem}
.top_link li{ float:left; padding-left:20px; position:relative}
.top_link li a{padding:0 0 0 25px; color:#ccc}
.top_link li.mall::before{display:block; width:20px; height:17px; position:absolute; padding-top:25px;content: '';background:url("../images/icon/icon.png") no-repeat;background-position:-2px 5px}
.top_link li.college::before{display:block; width:20px; height:17px; position:absolute; padding-top:25px;content: '';background:url("../images/icon/icon.png") no-repeat;background-position:-3px -21px}
.top_link li.jz{background:url("../images/jz.png") no-repeat 21px;}

/*搜索*/
.cd-header-buttons {position: absolute;display: inline-block;right:0;}
.cd-header-buttons li {display: inline-block;}
.cd-search-trigger, .cd-nav-trigger {position: relative;display: block;width: 25px;height: 24px; margin-top:4px;overflow: hidden;white-space: nowrap;color: transparent;z-index: 7;}
.cd-header-buttons .cd-search-trigger{ padding:0px 0 0px 5px}
.cd-search-trigger::before, .cd-search-trigger::after {content: '';position: absolute;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cd-search-trigger::before {top:4px;left: 6px;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff; z-index:7}
.cd-search-trigger::after {height: 3px;width: 8px;background: #fff;bottom: 8px;right:5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cd-search-trigger span {position: absolute;height: 100%;width: 100%;top: 0;left: 0; background:#df1415}
.cd-search-trigger span::before, .cd-search-trigger span::after {content: '';position: absolute;display: inline-block;height: 3px;width: 22px;top: 50%;margin-top: -2px;left: 50%;margin-left: -11px;background: #fff;opacity: 0;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.cd-search-trigger span::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cd-search-trigger span::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {opacity: 0;}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {opacity: 1;}
.cd-search-trigger.search-is-visible span::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-search-trigger.search-is-visible span::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cd-search {position: absolute;width: 100%;top: 32px;left: 0;opacity: 0;visibility: hidden;}
.cd-search form {height: 100%;width: 100%; position:relative; z-index:777; background:#fff; padding:30px 0}
.cd-search input {border:1px solid #0086df;background:#fff;height:100%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;margin:0 auto;}
.cd-search input::-webkit-input-placeholder {color: #777;}
.cd-search input::-moz-placeholder {color: #777;}
.cd-search input:-moz-placeholder {color: #777;}
.cd-search input:-ms-input-placeholder {color: #777;}
.cd-search input:focus {outline: none;}
.cd-search.is-visible {opacity: 1;visibility: visible;}
.searchbox{position:relative;z-index:7;clear:both;width:40%;margin:0 auto; padding:0 100px;}
.mod_select{position:absolute;left:0;top:0;width:100px; border-right:1px solid #e3e3e3;}
.mod_select .select_box{position:relative;width:100px;height:50px}
.mod_select .select_box .select_txt{display:inline-block;width:98px;height:50px;padding-left:28px;overflow:hidden;line-height:50px;font-size:14px;cursor:pointer}
.mod_select .select_box .select-icon{position:absolute;top:50%;right:10px;transform:translate(0,-50%);width:10px;height:6px;background:url("../images/icon.png") no-repeat; background-position:-7px -56px}
.mod_select .select_box .option{display:none;position:absolute;top:50px;left:-1px;width:100px;background-color:#fff;border-top:0}
.mod_select .select_box .option li{padding-left:28px;font-size:14px;line-height:2;cursor:pointer}
.searchbox .import{width:100%;height:50px;border:none;outline:0; text-indent:1rem;}
.searchbox .btn-search{position:absolute;right:0; top:0;width:100px;height:50px;color:#fff;border:0}
/*logo*/
.logo{ padding:15px 0 0}
.logo img{ width:auto; max-width:inherit; min-width:inherit; height:auto}
/*banner*/
.banner .bx-wrapper .bx-controls-direction a{position:absolute;top:40%;outline:0;width:35px;height:55px;text-indent:-9999px;z-index:2}
.banner .bx-prev{ background:url("../images/swiper_arrow.png") no-repeat; height:55px; width:35px; left:40px;}
.banner .bx-next{ background:url("../images/swiper_arrow.png") no-repeat; height:55px; width:35px; right:0; background-position:-44px 0px}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#929292; height:3px; width:30px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#0086df; height:5px;}
.banner .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom:0px;}
.banner .slide-index .slide:nth-child(n+2){visibility: hidden;display: none;}
/*首页产品中心*/
.container .index-tit{ font-size:2.25rem; font-weight:bold}
.container .common-tit{ position:relative; overflow:hidden}
.container .common-tit::before{ position:absolute; background:#0086df;top:37%; left:170px; z-index:0; height:12px;z-index:-1; width:8px; display:block;content: '';}
.container .common-tit::after{ position:absolute; background:#e6ebef; width:100%; top:37%; left:185px; z-index:-1; height:12px; display:block;content: '';}
.index-tit-txt{ font-size:1rem; color:#666}
.index-tab-main{ margin-top:2rem; padding:1px}
.index-pro-main li{width:31%; margin-right:3.5%; float:left;}
.index-pro-main li a{ color:#fff}
.index-pro-main li:last-child{ margin-right:0}
.index-pro-main li .tit{ background:#fff;-moz-box-shadow:0px 0px 5px 2px #ccc;-webkit-box-shadow:0px 0px 5px 2px #ccc;box-shadow:0px 0px 5px 2px #ccc;text-align:center;padding:1.25rem 0;color:#666}
.index-pro-main li h2{ font-size:1.15rem; font-weight:bold; color:#333}
.index-pro-main li:hover .stars-info{ display:block; bottom:70%;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-pro-main li .stars-info h2{ color:#fff}
.index-pro-main li .stars-info hr{ background:#fff; width:40px; margin:1.25rem auto; height:3px;}
.index-pro-main li .stars-info .shuffer-link{ width:80%; margin:0 auto; text-align:left}
.index-pro-main li .stars-info .shuffer-link h3 a{ color:#fff; background: url("../images/arrow_white.png") right center no-repeat; display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 95%;margin-bottom:10px; letter-spacing:1px}
.index-pro-main li .stars-info .shuffer-link h3 a:hover{ text-decoration:underline}
.index-pro-main.index-tab-main li .img{box-shadow: 0px 0px 2px 1px #CCC;}
.index-pro-main.index-tab-main li .img img{ height:auto}
/*解决方案*/
.solution-txt{ padding-top:7%; width:50%}
.solution-txt h2{ font-size:2.25rem; font-weight:bold}
.solution-txt hr{ display:table; background:#0086df; width:80px; margin:1rem 0; height:5px;}
.solution-txt h3{ font-size:1.15rem; font-weight:bold}
.solution-txt p{ color:#333; margin:1rem 0}
.solution-txt .move,.index-about-txt .move,.about .txt .move,.honor-more .move,.about-us-box .txt .move{ background:#0086df; width:140px; color:#fff; display:block; padding:.5rem 0; text-align:center}
.solution-txt .move i,.index-about-txt .move i,.about .txt .move i,.honor-more .move i,.about-us-box .txt .move i{width:25px; height:12px; display:inline-block;margin-left:10px; background:url("../images/arrow_right_white.png") no-repeat center center}
.solution-txt .move:hover,.index-about-txt .move:hover,.about .txt .move:hover,.honor-more .move:hover,.about-us-box .txt .move:hover{ width:160px;}
.solution{ position:relative}
.solution .solution-bg{ background-position:center top; height:572px; background-repeat:no-repeat}
.solution-tab-nav{ position:absolute; left:0; bottom:15px; width:100%; }
.solution-tab-nav .container{border:3px solid #dce4eb; border-right:none; overflow:hidden}
.solution-tab-nav .container{height:60px; display:table}
.solution-tab-nav li{width:25%;color:#333;text-align:center;background:#fff;line-height:55px;font-size:16px;text-decoration:none;border-right:3px solid #dce4eb; display:table-cell;}
.solution-tab-nav li a{ display:block; cursor:pointer; width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.solution-tab-nav a i{ background:url("../images/icon.png") no-repeat; width:20px; height:20px;display:inline-block; background-position:0px -65px; margin-right:3px; transition: color 2s ease, background-color 0.2s ease, transform .5s ease;}
.solution-tab-nav li.on i,.solution-tab-nav a:hover i{background-position:0px -85px;transform: rotate(45deg);}
.solution-tab-nav li.on,.solution-tab-nav a:hover{color:#fff;background:#0086df; }
/*关于我们*/
.index-about{vertical-align:middle;-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; overflow:hidden}
.index-about-data li{ text-align:center; width:33.3%; text-align:center; float:left; margin-top:12%}
.index-about-data .round{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:100px; width:100px; display:block; border:1px solid #b3c1ce; text-align:center; line-height:100px; font-size:2.25rem; font-weight:bold; color:#576574; margin:0 auto}
.index-about-data .round b{ font-size:1.5rem}
.index-about-data li p{ color:#576574; font-size:1rem; margin-top:10px}
.index-about-txt{ background:#e9f0f6; padding:1.5rem}
.index-about-txt .tit,.boss-talk.container .tit strong{ font-size:1.8rem; font-weight:bold}
.index-about-txt p{ color:#666; margin:1rem 0}
.index-about .bx-wrapper .bx-controls-direction a{position:absolute;bottom:0;outline:0;width:30px;height:30px;text-indent:-9999px;z-index:2;}
.index-about .bx-prev{background:url("../images/slide_arrow.png") no-repeat; right:31px}
.index-about .bx-prev:hover{background-position:0 -30px }
.index-about .bx-next{background:url("../images/slide_arrow.png") no-repeat;right:0; background-position:-30px -30px}
.index-about .bx-next:hover{background-position: -30px 0}

/*工程案例*/
.common-tab-nav{ border-bottom:3px solid #e2e9ee; overflow:hidden; margin:0 0 1rem 0;}
.common-tab-nav li{ float:left; margin:0 1rem; padding:0 1rem; cursor:pointer; height:40px; line-height:40px; position:relative}
.common-tab-nav li::before {position: absolute;background: #b6b6b6;top: 37%;left: -1rem;z-index:;height: 12px;width: 1px;display: block;content: '';}
.common-tab-nav li:first-child{ margin:0 1rem 0 0}
.common-tab-nav li:first-child::before{ display:none}
.common-tab-nav li.on,.common-tab-nav li:hover{ background:#0086df; color:#fff}

.index-case-list li{ float:left; width:32%; background:#000; overflow:hidden}
.index-case-list li:nth-child(3n+2){ margin:0 2%}
.index-case-list li:nth-child(n+4){ margin-top:2%}
.index-case-list .shuffer-up{ position:relative}
.index-case-list .img {opacity:.75;}
.index-case-list .img img{ max-height:270px; min-height:150px;}
.index-case-list .shuffer-box{ position: absolute; text-align:center; width:100%; height:73%; left:0; bottom:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-case-list .shuffer-box .name img{ width:116px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border: 5px solid hsla(0,0%,90%,.3);}

.index-case-list li .stars-info h2{ font-size:1.15rem; font-weight:bold; color:#fff; width:80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin:0 auto}
.index-case-list li:hover .shuffer-box{ height:93%}
.index-case-list li .stars-info p{ width:80%; margin:0 auto}
.index-case-list li .stars-info{ height:10%}
.index-case-list li:hover .stars-info{ height:47%}
.index-case-list li:hover .shuffer-box hr {background: #fff;width: 40px;margin: 7px auto;height: 3px;}

/*新闻中心*/
.index-news{ background:#ecf1f5}
.index-news-list li{ float:left; vertical-align:middle; width:48%; margin-bottom:1.5rem}
.index-news-list li:nth-child(2n+2){ float:right; margin-right:10px;}
.index-news-list li .img,.index-news-list li .txt{ display:table-cell; vertical-align:middle; width:23%}
.index-news-list li .txt{-moz-box-shadow:3px 3px 5px #ccc;-webkit-box-shadow:3px 3px 5px #ccc;box-shadow:3px 3px 5px #ccc; background:#fff; padding:0 1rem; width:60%}
.index-news-list li .txt p{ color:#666; border-bottom:1px solid #e7e7e7; margin-bottom:10px; padding-bottom:8px;}
.index-news-list li .txt h4{ font-weight:bold; max-height:45px; overflow:hidden}
.index-news-list li .txt h4 a{ display:block; color:#333}
.index-news-list li .txt h4 a:hover{ color:#0086df}

/*工业服务*/
.index-service-main li{ float:left; width:18%; margin-right:2.5%}
.index-service-main li:nth-child(5){ margin-right:0}
.index-service-main li .txt{-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; background:#fff; text-align:center; padding:1rem 0}
.index-service-main li:hover .shuffer-bg {height: 100%;background-color: #0086df;opacity: 1;}
.index-service-main li .shuffer-up .shuffer-show h5{ font-size:1.05rem; font-weight:bold}
.index-service-main li .shuffer-up .shuffer-show hr{ display:table; margin:10px auto; background:#d2dde6; width:60px; height:3px;}
.index-service-main li .shuffer-up .shuffer-show p{ color:#666}
.index-service-main li:hover .shuffer-up .shuffer-show,.index-service-main li:hover .shuffer-up .shuffer-show p{ color:#fff; position:relative; z-index:2;}

.Overlay_bg{position:fixed;left:0;top:107px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:5;display:none;}
.is-active .Overlay_bg,.is-visible .Overlay_bg{display:block!important;top:0}


/*底部*/
.foot{ overflow:hidden; overflow:hidden; border-top:3px solid #c3cdd8; background:#e7ebef; padding:2rem 0; width:100%}
.pc-foot a{ color:#333}
.pc-foot a:hover{ color:#0086df}
.pc-foot-1 a,.pc-foot-2 a{ display:table; width:100%; margin-bottom:8px;}
.nf-sm-2.pc-foot-2,.nf-sm-2.pc-foot-4{ width:25%}
.nf-sm-2.pc-foot-3{ width:38.333%}
.pc-foot-3 p{ margin-bottom:8px;}
.pc-foot-3 .q{ margin-bottom:1rem}
.pc-foot h6{ font-size:1rem; color:#666}
.pc-foot hr{ background:#c3cdd8; width:40px; height:3px; margin:10px 0}
.pc-foot-4{ float:right; text-align:right}
.pc-foot-4 img{ width:auto; height:auto}
.pc-foot-4 .wechat{ margin-bottom:1rem}
.bottom{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap; position:relative; z-index:10}
.bottom,.fl.bottom-fl,.fr.bottom-fr{ height:40px; background:#333; color:#ccc; overflow:hidden}
.fl.bottom-fl{ background:#333;}
.fr.bottom-fr{ background:#0086df; right:0; position:absolute; bottom:0}
.bottom .container{ height:40px; position:relative; z-index:1; background:#333; z-index:11}
.bottom .container .bottom-link{ background:url("../images/bottom.png") no-repeat left center #0086df; width:auto; float:right; height:40px; line-height:40px; padding-left:2rem}
.bottom .container .bottom-link a{ color:#ccc; margin-left:2rem; position:relative}
.bottom .container .bottom-link a::before,.wap-foot .friend-link a::before {position: absolute;background: #b6b6b6;top: 20%;left: -1rem;z-index:;height: 12px;width: 1px;display: block;content: '';}
.bottom .container .bottom-link a:first-child::before,.wap-foot .friend-link a:first-child::before{ display:none}
/*手机端底部*/
.wap-foot{ text-align:center; background:#ecf1f5; padding:2rem 0; border-bottom:2px solid #d9e1e7}
.wap-foot .friend-link{ margin-bottom:10px;}
.wap-foot a{ color:#333; margin:0 .75rem; position:relative}
.wap-foot .friend-link a::before{ left:-.75rem}
.wap-foot .beian{ color:#888}
.wap-foot .beian a{ color:#888}

.wap-foot-nav{ background:#f8f8f8; text-align:center; overflow:hidden;height:67px; width:100%}
.wap-foot-nav li a{ padding:8px 0; display:block; color:#999}
.wap-foot-nav li.on a,.wap-foot-nav li a:hover{ color:#c52d2f}
.wap-foot-nav li{ float:left; width:20%}
.wap-foot-nav li i{ background:url("../images/icon.png") no-repeat; height:25px; width:25px; display:block; margin:0 auto 5px;}
.wap-foot-nav li.home i{ background-position:-43px -119px}
.wap-foot-nav li.home.on i,.wap-foot-nav li.home a:hover i{ background-position:-6px -119px}
.wap-foot-nav li.pro i{ background-position:-6px -152px}
.wap-foot-nav li.pro.on i,.wap-foot-nav li.pro a:hover i{  background-position:-43px -152px}
.wap-foot-nav li.case i{ background-position:-6px -184px}
.wap-foot-nav li.case.on i,.wap-foot-nav li.case a:hover i{ background-position:-43px -184px}
.wap-foot-nav li.service i{ background-position:-5px -215px}
.wap-foot-nav li.service.on i,.wap-foot-nav li.service a:hover i{ background-position:-42px -215px}
.wap-foot-nav li.tel i{ background-position:-6px -248px}
.wap-foot-nav li.tel.on { background-position:-6px -248px}
.wap-foot-nav li.tel{ background:#c52d2f}
.wap-foot-nav li.tel a{ color:#fff}

.foot-bottom-nav{ height:60px; width:100%; position:fixed; left:0; bottom:0px; z-index:2;display: -webkit-box;display: -webkit-flex;display: flex;}
.foot-bottom-nav .foot-msg{border-right:1px solid #fff;}
.foot-bottom-nav .foot-msg p{ background:url("../images/f_m.png") no-repeat 3% center;  background-size:25px; padding: 0 0 0 25px}
.foot-bottom-nav .foot-tel p{ background:url("../images/f_t.png") no-repeat 20% center;  background-size:25px;}
.foot-bottom-nav .foot-tel{ border-left:1px solid #fff}
.foot-bottom-nav a{ background:#e63c19;display: inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; text-align:center; height:60px; line-height:60px; color:#fff; font-size:14px; font-weight:bold;}
.swt-fixed{ width:80px;  background:url("../images/cnchat.gif") no-repeat right top; position:fixed; right:0px; top:40%; z-index:22222222; background-size: contain;}
.swt-fixed a{ width:80px; height:120px; display: block;}


/*内页banner面包屑*/
.page-banner{ position:relative}
.breadcrumbnav{ position:absolute; bottom:.5rem; right:0; z-index:1; width:100%;}
.breadcrumbnav .container .breadcrumbnav-link{ color:#fff; float: right;}
.breadcrumbnav .container .breadcrumbnav-link li{ color:#fff; position:relative;display:inline-block}
.breadcrumbnav .container .breadcrumbnav-link li a{ color:#fff}
.breadcrumbnav .container .breadcrumbnav-link li::after{content:">"; font-family:宋体; font-weight:bold; margin:0 10px;}
.breadcrumbnav .container .breadcrumbnav-link i{ height:20px; width:14px; float:left;background:url("../images/icon.png") no-repeat; background-position:-35px -2px;margin:0 10px 0 0}
/*产品一级页面*/
.product-main .product-tit{ font-size:1rem; color:#666; margin-bottom:1rem; }

.product-main .product-tit i{ height:12px; width:12px;background:url("../images/icon.png") no-repeat; background-position:-36px -31px; float:left; margin:6px 8px 0 0}
.product-box li{-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow: 0px 0px 5px #ccc; margin-bottom:2rem}
.product-box .shuffer-up .product-shuffer{ position:absolute; padding-bottom:1rem; bottom:-1px;width: 100%;-webkit-transition: all linear 250ms;transition: all linear 250ms;z-index:2;background:#fff;}
.product-box .shuffer-up:hover .product-shuffer{ padding-bottom:5%}
.product-box .shuffer-up:hover .shuffer-bg{ height:auto;}
.product-box .shuffer-up .shuffer-link{ display:none;margin:1rem 2rem 0; padding-top:1rem;border-top:1px solid #d6e0e3;background:#fff;}
.product-box .shuffer-up:hover .shuffer-link{ display:block}
.product-box .shuffer-up:hover .shuffer-link h3{ width:50%; float:left; margin-bottom:5px;}
.product-box .shuffer-up:hover .shuffer-link h3 a{ color:#727272}
.product-box .shuffer-up:hover .shuffer-link h3 a:hover{ color:#0086df}
.product-box .shuffer-up .product-shuffer .tit{ padding:1rem 2rem 0;position:relative;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.product-box .shuffer-up .product-shuffer .tit .more{height:40px; width:25px; text-align:center; line-height:40px;border:#becbd5 1px solid; color:#becbd5; position:absolute; right:2rem; top:15%;-webkit-transition: all linear 300ms;transition: all linear 300ms; font-size:2rem; font-family:宋体}
.product-box .shuffer-up:hover .product-shuffer .tit .more{ background:#0086df; border:1px solid #0086df; color:#fff}
.product-box .shuffer-up .product-shuffer .tit h2{ font-size:1.5rem; color:#010101;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.product-box .shuffer-up .product-shuffer .tit p{ color:#727272; margin-right:2.5rem;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
/*产品二级页面*/
.page-nav{ background:#fff;-moz-box-shadow: 0px 0px 5px #cacaca;-webkit-box-shadow: 0px 0px 5px #cacaca;box-shadow: 0px 0px 5px #cacaca; position:relative;}
.page-nav-link a{ color:#666;display:block;line-height:60px;}
.page-nav-link a:hover,.page-nav-link .swiper-slide.active a{ color:#333; border-bottom:3px solid #0086df}
.page-nav-link .swiper-slide{ text-align:center;}
.page-nav-link .swiper-slide a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width:100%;}

.product-main-tit{ border:2px solid #e7eef5; background:#fff;padding:1rem; margin-top:20px; display:table; width:100%}
.product-main-tit .img{ margin:-60px 1rem 0 0;float:left;}
.product-main-tit .txt h1{ float:left;}
.product-main-tit .txt{ padding-top:1rem; color:#666; line-height:1.8}
.product-list{ margin-top:2rem;}
.product-list li{ float:left; width:32%; margin-bottom:2%; background:#fff;-moz-box-shadow: 0px 0px 5px #cacaca;-webkit-box-shadow: 0px 0px 5px #cacaca;box-shadow: 0px 0px 5px #cacaca;}
.product-list li .txt{ padding:1rem 1rem 0}
.product-list li .txt h2{ font-size:1.15rem; font-weight:bold; color:#333; margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width:100%}
.product-list li .txt p{ margin-bottom:10px; color:#8b8b8b;height:45px; overflow:hidden}
.product-list li .txt p a{padding:0px 8px; display:table-cell; color:#666; height:30px;  line-height:30px;}
.product-list li .txt p .swt{ background:#0086df; color:#fff; border:1px solid #0086df }
.product-list li .txt p .link{ border:1px solid #ddd}
.index-case-list.page-case-list{ margin-top:2rem}
/*产品三级页面*/
.page-breadcrumbnav{ background:#e6ebf3; overflow:hidden; height:50px; line-height:50px;}
.product-nav{ position:relative; height:50px; line-height:50px; cursor:pointer; background:url("../images/down.png") no-repeat right center; display:inline-table; padding:0 20px 0 0}
.product-nav i{height:12px; width:12px;background:url("../images/icon.png") no-repeat; background-position:-36px -31px; display:inline-block; margin:3px 10px 0 0;}
.product-nav-list{ position:absolute; display:none; border:1px solid #e6ebf3; background:#fff;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35); margin-top:3px; padding:0 1rem; width:180px; z-index:2}
.product-nav-list a{ display:table; width:100%; height:40px; line-height:40px; color:#333; border-top:1px solid #c3cdd8}
.product-nav-list a:first-child{ border:none}

.page-breadcrumbnav .breadcrumbnav-link li,.case-page-nav .breadcrumbnav-link li{ color:#666; position:relative;display:inline-block}
.page-breadcrumbnav .breadcrumbnav-link li a,.case-page-nav .breadcrumbnav-link li a{ color:#666}
.page-breadcrumbnav .breadcrumbnav-link li::after,.case-page-nav .breadcrumbnav-link li::after{content:">"; font-family:宋体; font-weight:bold; margin:0 10px;}
.page-breadcrumbnav .breadcrumbnav-link i,.case-page-nav .breadcrumbnav-link i{ height:20px; width:14px; float:left;background:url("../images/icon/icon.png") no-repeat; background-position:-35px -49px;margin:14px 5px 0 0}
.case-page-nav .breadcrumbnav-link i{ margin:0 8px 0 0}
.product-show,.product-info{ width:50%; display:table-cell; vertical-align:middle}
.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item{ max-width:18%;flex: 1;}
.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager{ position:inherit;display: flex;flex-direction: row;justify-content: space-between;}
.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item{background:#908a8a}
.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link img{opacity:.45; height:auto}
.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link:hover,.product-show .bx-wrapper .bx-controls.bx-has-pager .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link.active img{ opacity:1;}
.product-info{ padding:0 0 0 2rem; overflow:hidden}
.product-info h1{ font-size:1.8rem; border-bottom:1px solid #dce3ef; padding-bottom:.5rem; position:relative; display:table;border-bottom: 3px solid #dce3ef;}
.product-info h1::before{content:""; position:absolute; bottom:-2px; height:1px; left:0; background:#dce3ef; width:200%}
.product-info .product-info-txt{ margin-top:2rem;}
.product-show ul.probxslider li:nth-child(n+2) { visibility: hidden;display: none;}
.product-show .bx-pager-item:nth-child(n+2) { visibility: hidden;display: none;}

.product-info .product-info-online,.case-box .product-info-online{ margin-top:2rem; overflow:hidden}
.product-info .product-info-online a,.case-box .product-info-online a{ text-align:center; float:left;vertical-align:middle; width:50%; height:50px; line-height:50px;}
.product-info .product-info-online a.swt,.case-box .product-info-online a.swt{ background:#0086df; color:#fff; border:1px solid #0086df; font-size:1rem}
.product-info .product-info-online a i,.case-box .product-info-online a i{display: inline-block;vertical-align: middle; margin-right:10px;}
.product-info .product-info-online a i img,.case-box .product-info-online a i img{ vertical-align:middle; display:table}
.product-info .product-info-online a.tel,.case-box .product-info-online a.tel{ border:1px solid #0086df; color:#0086df; font-size:1.15rem}
.product-info-other{ margin-top:2rem}
.product-info-other a{ padding-left:1.5rem; height:30px; line-height:30px; color:#666; width:25%; float:left;}
.product-info-other .a{ background:url("../images/findadd.png") no-repeat left center;}
.product-info-other .b{ background:url("../images/probook.png") no-repeat left center;}
.product-info-other .c{ background:url("../images/proservice.png") no-repeat left center;}
.product-info-other .d{ background:url("../images/proshare.png") no-repeat left center;}
.product-scroll{ margin-top:2rem}
.product-scroll .fixDiv{position:fixed;top:0;left:0; width:100%; z-index:3}
.product-scroll-nav .container{ background:#ecf1f5;overflow:hidden; padding:1rem 0}
.product-scroll-nav .container .fl{ margin-top:5px}
.product-scroll-nav .container .fl li{ float:left; padding:0 1rem; border-right:1px solid #b1b4b6; cursor:pointer}
.product-scroll-nav .container .fl li.on,.product-scroll-nav .container .fl li:hover{ color:#0086df}
.product-scroll-nav .container .online.fr{ margin-right:1rem;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border:1px solid #0086df; padding:5px 8px; }
.product-scroll-nav .container .online.fr a{color:#0086df}
.product-scroll-nav .container .online.fr i{ display:inline-block; vertical-align:middle; margin:0 5px}
.product-scroll-list .scroll{ padding:3rem 0; overflow:hidden}
.product-scroll-list .scroll:nth-child(2n){background:#f1f5f8}
.product-scroll-list .scroll .tit{ font-size:2rem; text-align:center}
.product-scroll-list .scroll .tit hr{ display:table; margin:1rem auto 1.5rem; background:#c2c8d0; height:3px; width:80px;}
.product-scroll-list .scroll.scroll_2 .container li{ float:left; width:48%; margin-bottom:4%;-webkit-box-shadow: 0px 0px 8px rgba(201,201,201,0.35);box-shadow: 0px 0px 8px rgba(201,201,201,0.35);-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; background:#fff; padding:1rem; height:175px; overflow:hidden; display:table; border:1px solid #f1f5f8}
.product-scroll-list .scroll.scroll_2 .container li:nth-child(2n){ float:right}
.product-scroll-list .scroll.scroll_2 .container li .img,.product-scroll-list .scroll.scroll_2 .container li .txt{ display:table-cell; vertical-align:middle}
.product-scroll-list .scroll.scroll_2 .container li .img{ width:20%; border-right:1px solid #dee3e7; padding-right:1rem;}
.product-scroll-list .scroll.scroll_2 .container li .txt{ padding-left:1rem}
.product-scroll-list .scroll.scroll_2 .container li .txt h3{ font-size:1.25rem; color:#9e9e9e; margin-bottom:5px;}
.product-scroll-list .scroll.scroll_2 .container li .txt h3 strong{ color:#333}
.product-scroll-list .scroll.scroll_2 .container li .txt p{color:#9e9e9e}

.product-scroll-list .scroll.scroll_3 table,.product-scroll-list .scroll.scroll_4 table{border-right:1px solid #c6ccd4;border-bottom:1px solid #c6ccd4; text-align:center;  vertical-align:middle;}
.product-scroll-list .scroll.scroll_3 table td,.product-scroll-list .scroll.scroll_4 table td{border-left:1px solid #c6ccd4;border-top:1px solid #c6ccd4; padding:10px;}
.product-scroll-list .scroll.scroll_3 table tr:nth-child(even) td {background:#fff;}
.product-scroll-list .scroll.scroll_3 table tr:nth-child(odd) td{background:#f1f5f8}
.product-scroll-list .scroll.scroll_3 table tr:first-child td{ background:#d5e1ea !important; font-size:1rem; font-weight:bold}
.product-scroll-list .scroll.scroll_4 table{ text-align: left; }
.product-scroll-list .scroll.scroll_4 table tr:nth-child(even) td {background:#fff;padding:1rem}
.product-scroll-list .scroll.scroll_4 table tr:nth-child(odd) td{background:#f1f5f8;padding:1rem}
.product-scroll-list .scroll.scroll_4 table tr td:first-child{font-weight:bold; font-size:1rem;}
.product-scroll-list .scroll.scroll_4 table tr:first-child td{font-size:1.15rem; font-weight:bold; background:#0086df; color:#fff}
.product-scroll-list .scroll.scroll_4 table tr:first-child td:first-child{ background:#333}
/* .product-scroll-list .scroll.scroll_4 table tr:first-child td:nth-child(2){ background:#7d7a7a} */
.product-scroll-list .scroll.scroll_4 table td font{ color:#0086df}
.product-scroll-list .scroll.scroll_4 p{ text-align:center; border:1px solid #c6ccd4; border-top:none; padding:1rem; font-size:1.15rem; color:#0086df; font-weight:bold}
.product-scroll-list .scroll .img img{ height:inherit}

.pro-contact{ padding-right:2rem}
.pro-contact p{ margin-bottom:1rem; letter-spacing:1px}
.pro-contact p a{ color:#434343; font-weight:bold}
.pro-contact p strong{ font-size:1.15rem}
.pro-form .form-label{ background:none; padding:0}
.pro-form .form-label span{ color:#434343; left:0}
.pro-form .form-label input,.pro-form .form-textarea textarea{ border:1px solid #c6ccd4; height:40px; line-height:40px; margin-left:90px; padding:0 0 0 1rem; width:80%}
.pro-form .form-label.form-textarea{ height:auto; overflow:hidden}
.pro-form .form-textarea textarea{ background:none;border:1px solid #c6ccd4; height:auto}
.pro-form .form-textarea b{visibility:hidden;}
.pro-form .contact-sub{ display:table; margin:0 auto}
.pro-contact p img{ max-width:480px}
/*工程案例*/
.case-main .case-tit{ background:#0086df;color:rgba(255,255,255,0.7); float:left; height:63px; padding:0 10px; width:135px; position:absolute; left:0; top:0; z-index:2; font-size:1rem}
.case-main .case-tit p:first-child{ margin-top:7px;color:rgba(255,255,255,1); font-size:1.15rem; font-weight:bold}
.case-main .case-swiper{ padding-left:140px; width:100%}
.container.case-user{ border:3px solid #e7eef5; background:#fff; overflow:hidden}
.container.case-user li{ float:left; width:14.2%; text-align:center; display:table;height:110px; position:relative}
.container.case-user li::before {content: '';display: block;position: absolute;width: 100%;height: 80%;left: -1px;top: 10%;border-right: 1px solid #e9ecef;}
.container.case-user li::after {content: '';display: block;position: absolute;width: 80%;height: 80%;left: 10%;top: 20%;border-bottom: 1px solid #e9ecef;}
.container.case-user li img{ width:auto}
.container.case-user li .case-user-img{ display:table-cell; vertical-align:middle; position:relative; z-index:2}
.container.case-user li .case-user-img a{ display:block}
.container.case-list{ margin:3rem auto 0; width:100%}

.container.case-list li,.company-news li{-webkit-box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.35);box-shadow:0px 0px 5px 2px rgba(201,201,201,0.35); float:left; background:#fff}
.container.case-list li:hover .txt{ background:#0086df}
.container.case-list li:hover a{ color:#fff}
.container.case-list li .txt{ height:75px; padding:10px; background:#fff; overflow:hidden; width:100%; display: table; vertical-align:middle}
.container.case-list li .txt h2{ display:table-cell; vertical-align:middle}
.container.case-list li a{ color:#333}
.container.case-list .list{margin-bottom:1rem}
.container.case-list .more,.news-common-tit .more{ text-align:center; width:100%; overflow:hidden; margin:10px 0}
.container.case-list .more a,.news-common-tit .more a{ color:#777}
.container.case-list .more i,.news-common-tit .more i{ background:url("../images/more_down.png") no-repeat; width:14px; height:9px; display:inline-block; margin-left:8px;}
.case-page-nav{ background:#e6ebf3; overflow:hidden; padding:1rem 0}
.case-page-nav .container .tit i{ float:left;height: 20px;width: 14px;background: url("../images/icon.png") no-repeat;background-position: -36px -28px;margin:2px 5px 0 0;}
.case-page-nav .container.wap-show,.page-breadcrumbnav .container .wap-show{ text-align:center; position:relative; font-size:.85rem}
.case-page-nav .container.wap-show .back,.page-breadcrumbnav .container .wap-show .back{ color:#747475;font-family:宋体; position:absolute; left:0; top:-7px; font-weight:bold; font-size:1.5rem;}
.page-breadcrumbnav .container .wap-show .back{ top:0}
.case-box{ border:5px solid #eaeff6}
.case-box .img,.case-box .txt{ display:table-cell; vertical-align:middle; width:50%}
.case-box .txt{ padding:2rem; border-left:5px solid #eaeff6}
.case-box .txt h1{ font-size:1.5rem; border-bottom:2px solid #eaeff6; padding-bottom:10px;}
.case-box .txt .info p{ margin-top:10px;}
.case-box .txt .info p strong{ font-style:normal; color:#3671cf}

.container.article-main{ padding:3rem 0}
.container.article-main p{ line-height:1.8}
.container.article-main .hit {background: #f1efef;padding: 10px 20px;font-size: 18px;font-weight: bold;height: auto;overflow: hidden;}
.container.article-main embed{ min-height:480px; max-width:640px; margin:0 auto; display:table}
.orther-article{ background:#f1f4f6; padding:1rem 2.5rem; overflow:hidden; position:relative}
.orther-article a{ color:#333; width:48%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.orther-article a.fl::before{content: "<";font-family: 宋体;font-weight: bold;position: absolute;left: 10px;background: #c9c9c9;color: #fff;height: 40px;width: 20px;top: 7px;line-height: 40px;text-align: center;font-size: 1.5rem;}
.orther-article a.fr{ text-align:right}
.orther-article a.fr::before{content: ">";font-family: 宋体;font-weight: bold;position: absolute;right: 10px;background: #c9c9c9;color: #fff;height: 40px;width: 20px;top: 7px;line-height: 40px;text-align: center;font-size: 1.5rem;}
.orther-article a:hover::before{ background:#0086df}
.orther-article a:hover{ color:#0086df}
.about-product.container{ margin-top:2rem}

/*联系我们*/
.contact-box{ background:#fff;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35);}
.contact-box .txt,.contact-box .img{ display:table-cell; vertical-align:middle; width:50%}
.contact-box .txt{ padding:1rem 1.5rem}
.contact-box .txt strong,.contact-form h4{ font-weight:bold; font-size:1rem}
.contact-form  p{ color:#999}
.contact-box .txt hr{ background:#0086df; width:80px; display:table; height:3px; margin:12px 0 0}
.contact-box .txt p{ margin-top:12px; margin-bottom:10px}
.contact-box .txt p font{ color:#0086df; font-size:1.25rem; font-weight:bold}
.contact-box.contact-box-s{ margin:3rem auto; overflow:hidden}

/*新闻中心*/
.news-common-tit .tit,.industry-view .tit{ font-size:1.5rem; margin-bottom:1rem}
.news-common-tit .tit a{ float:right; font-size:14px; color:#888}
.news-common-tit .tit a b,.industry-view .tit a b{ font-family:宋体; font-size:1rem; margin-left:5px;}
.news-common-tit .slide{-webkit-box-shadow: 3px 3px 3px rgba(201,201,201,0.35);box-shadow: 3px 3px 3px rgba(201,201,201,0.35);}
.news-common-tit .news-slider .slide .txt{height:120px; padding:0 13px; display:table-cell;  vertical-align:middle; width:100%; border:1px solid #ebebeb}
.news-common-tit .news-slider .slide .txt p,.media-view .txt .date,.company-news li .txt p{ color:#838383}
.news-common-tit .news-slider .slide .txt hr,.media-view .txt hr{ background:#0086df; width:80px; margin:8px 0; height:3px;}
.news-common-tit .news-slider .slide .txt h2{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:100%;}
.news-common-tit .news-slider .slide .txt h2 a{color:#2a2a2a}
.news-common-tit .bx-viewport{ min-height:355px;}
.news-common-tit .bx-controls-direction a,.about-honor .bx-controls-direction a{height: 40px;width: 25px;text-align: center;line-height: 40px;border: #bbb 1px solid;color: #bbb;position: absolute;top:40%;-webkit-transition: all linear 300ms;transition: all linear 300ms;font-size: 2rem;font-family: 宋体;}
.news-common-tit .bx-controls-direction a.bx-prev,.about-honor .bx-controls-direction a.bx-prev{left: -30px;}
.news-common-tit .bx-controls-direction a.bx-next,.about-honor .bx-controls-direction a.bx-next{ right:-30px}
.news-common-tit .news-slider .slide:nth-child(n+2){visibility: hidden;display: none;}

.news-common-tit .bx-controls-direction a:hover,.about-honor .bx-controls-direction a:hover{ color:#fff; background:#0086df; border:1px solid #0086df}

.media-view,.industry-view{ width:48.5%; background:#f1f4f7;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35);}
.media-view .img,.news-voide li .img{ position:relative}

.media-view .img p,.news-voide li .img p{ position:absolute; left:0; bottom:0; background:#0086df; color:#fff; font-size:2rem; width:100px; text-align:center; padding:12px}
.news-voide li .img p{ background:none; width:auto}
.media-view .txt{ padding:12px 1rem}
.industry-view{ padding:1rem 2rem}
.media-view .txt hr{ margin:5px 0}
.industry-view .tit a{ color:#777; font-size:14px; float:right}
.media-view .txt hr,.industrt-list .txt hr,.company-news li .txt hr{ background:#e2e9ee; height:3px; width:80px; margin:10px 0}
.media-view .txt h3 a{ font-size:1.25rem; color:#222}
.media-view .txt h3{ margin-bottom:5px;}
.industrt-list li{ margin-bottom:1rem}
.industrt-list .img,.industrt-list .txt{ display:table-cell; vertical-align:middle; width:1%}
.industrt-list .txt{ background:#fff; padding:0 1rem}
.industrt-list .txt a{ color:#222}
.news-common-tit .news-slider .slide .txt{ padding:10px 1rem; display:block; width:100%; height:auto}
.news-common-tit .news-slider.news-voide .txt p{ background:#0086df; color:#fff; width:auto; display:table;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px; padding:2px 5px; margin-bottom:10px;}
.news-common-tit .news-slider.news-voide .txt p a{ color:#fff}
.news-common-tit .news-slider.news-voide .slide .txt h2{ height:auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:100%;}
.news-common-tit .news-slider.news-voide .slide .img{ position:relative}
.news-common-tit .news-slider.news-voide .slide .img p{ position:absolute; left:1rem; bottom:1rem;}

.news-slider .slide:hover .txt{ background:#0086df; }
.news-slider .slide:hover .txt p,.news-slider .slide:hover .txt h2 a{color:#fff}
.news-slider .slide:hover .txt hr{ background:#fff}
.company-news li .txt{ background:#fff; width:100%;padding:1rem; min-width:1%}
.company-news li .txt h2{ height:42px; overflow:hidden}
.company-news li .txt a{ color:#2a2a2a}
.company-news li:hover .txt{ background:#0086df; color:#fff}
.company-news li:hover .txt a,.company-news li:hover .txt p{color:#fff}
.media-list.company-news li .img{ float:left; width:29%}
.media-list.company-news li .txt{ width:1%; display:table-cell; vertical-align:middle}
.news-voide li .txt h2{display:table-cell; vertical-align:middle}
.page-common-nav{ text-align:center; overflow:hidden;}
.page-common-nav a{-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px; border:1px solid #c9d0d6; padding:0 1rem; height:40px ; line-height:40px; display:inline-block; margin:0 1rem 0 0; color:#666}
.page-common-nav a:last-child{ margin:0}
.page-common-nav a.on,.page-common-nav a:hover{ background:#0086df; color:#fff; border:1px solid #0086df}

/*文章详情*/
.article-tit h1{ font-size:1.75rem; color:#2a2a2a;}
.article-tit{ border-bottom:2px solid #dce3ef; padding-bottom:1rem; margin-bottom:1rem; overflow:hidden}
.article-date{ color:#666; position: relative}
.article-date .date{ float:left}
.article-date .date span{ margin-right:1rem}
.article-date .line{ position:absolute; right:0;bottom:-24px}
.article-date .line a{ border:1px solid #cdcdcd; height:40px; line-height:40px; text-align:center; width:40px; float:left; font-family:宋体; font-size:1rem; color:#888}
.article-date .line a.up{ border-right:none}
.article-date .line a.back{ background:url("../images/back.png") center center no-repeat;margin-left:1rem}
.voide-about .index-tit{ margin:1rem 0 2rem 0}

/*工业服务*/
.service-tit{ color:#666; font-size:1rem;}
.service-public .tit,.service-update .tit{ font-size:2.25rem; text-align:center; margin-bottom:3rem;  overflow:hidden}
.service-public .tit strong{ font-weight:normal;position:relative; display:table; width:100%; margin-bottom:10px}
.service-public .tit p,.service-update .tit p{ font-size:14px; color:#666}
.service-scope .main li{ width:22%; float:left; margin-right:4%; margin-bottom:4%; height:240px; border:1px solid #ddd; text-align:center;}
.service-scope .main li a{ position:relative; display:table; width:100%; color:#333}
.service-scope .main li .shuffer-up{ width:100%; height:100%;height:240px;display:table-cell; vertical-align:middle; text-align:center}
.service-scope .main li .img img{ width:56px; height:auto}
.service-scope .main li .shuffer-img{ height:100%; width:100%; position:absolute; bottom:0; left:0;background:#000; opacity:0}
.service-scope .main li .shuffer-bg{ background:#000; position:absolute; left:0; top:0; height:100%; width:100%; z-index:3}
.service-scope .main li:hover .shuffer-bg{ opacity:.7}
.service-scope .main li:hover .shuffer-img{ bottom:0;z-index:2; left:0;-webkit-transition: all linear 500ms;transition: all linear 500ms; opacity:1;}
.service-scope .main li .shuffer-txt{ opacity:0; position:absolute; bottom:0; text-align:center; color:#fff; z-index:3;-webkit-transition: all linear 500ms;transition: all linear 500ms; left:0; width:100%; }
.service-scope .main li:hover .shuffer-txt{ display:block; bottom:25%;-webkit-transition: all linear 500ms;transition: all linear 500ms; left:0;opacity:1; text-align:center;}
.service-scope .main li .shuffer-txt p{ padding:0 2rem;margin-bottom:1rem;}
.service-scope .main li .shuffer-txt p strong{ font-size:1.25rem;}

.service-security .main li{ float:left; width:22%; margin:0 4% 0 0}
.service-security .main li .txt{ background:#fff;-webkit-box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.35);box-shadow:0px 0px 5px 2px rgba(201,201,201,0.35); height:200px; position:relative; padding:1rem 1.5rem; position:relative}
.service-security .main li .txt p{ margin-bottom:5px}
.service-security .main li .txt hr{display:table; background:#0086df; width:60px; margin:10px 0; height:3px;}
.service-security .main li .txt p strong{ font-size:1.15rem; font-weight:bold;}
.service-security .main li .txt .more{height:40px; width:40px; text-align:center; line-height:40px; background:#e5ebf2; color:#666; font-size:2rem; font-family:宋体; float:right; position:absolute; right:1rem; bottom:1rem}
.service-security .main li .txt .more:hover{ background:#0086df; color:#fff}
.service-find { display:table; vertical-align:middle}
.service-find .find,.service-find .mall{ display:table-cell; vertical-align:middle; position:relative; width:50%}
.service-find .find .tit{ background:#ebeff4; padding:5.5%}
.service-find .find .tit .txt,.service-find .mall .tit p strong,.about-public .txt .tit,.about-honor .tit,.about-tit{font-size:2.25rem; font-weight:normal}
.service-find .find .img{ position:relative}
.service-find .find .link{ position:absolute; left:2rem; top:2rem}
.service-find .find .link a,.service-sale .link a{ display:table; vertical-align:middle; text-align:center; line-height:35px; width:180px; margin-top:1rem}
.service-find .find .link a i,.service-sale .link a i{ display: inline-block;vertical-align: middle; margin-right:.8rem; margin-top:10px}
.service-find .find .link a.sale,.service-sale .link a.sale{ background:#0086df; color:#fff}
.service-find .find .link a.logistics,.service-sale .link a.logistics{ background:#f3f5f9; color:#333}
.service-find .mall .tit{ position:absolute; left:2rem; top:2rem; right:2rem}
.service-find .mall .tit .more{height:40px; width:40px; text-align:center; line-height:40px; background:#e5ebf2; color:#666; font-size:2rem; font-family:宋体; float:left; margin-top:2rem}
.service-find .mall .tit .more:hover{ background:#0086df; color:#fff}
.service-find .mall img{ height:inherit}

.container.service-public.service-experts{ overflow:hidden; padding:12px 5px;}
.experts-swiper .swiper-slide{ width:22% !important; margin-right:4%}
.experts-swiper .swiper-slide .txt{ background:#fff;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35); padding:1rem; height:160px;}
.experts-swiper .swiper-slide .txt p strong{ font-size:1.15rem}
.experts-swiper .swiper-slide .txt p{ margin-bottom:10px}
.experts-swiper .swiper-slide .txt .swt{ width:130px; height:40px; border:1px solid #cfcfcf; display:table-cell; vertical-align:middle; text-align:center; color:#666;}
.experts-swiper .swiper-slide .txt .swt i{display: inline-block;vertical-align: middle;margin-right: 10px; background:url("../images/icon/swt_zj_zx.png") no-repeat; width:22px; height:20px;}
.experts-swiper .swiper-slide .txt .swt:hover{ background:#0086df; border:1px solid #0086df; color:#fff}
.experts-swiper .swiper-slide .txt .swt:hover i{background:url("../images/swt_zx.png") no-repeat;}
.experts-swiper .swiper-slide img{ height:auto}
.security-online .txt{ background:#f3f5f9; padding:2rem;}
.container.service-public.security-online .txt .tit{ text-align:left; margin-bottom:0}
.container.service-public.security-online .txt hr{ display:table; margin:1rem 0; background:#0086df; width:60px; height:3px;}
.container.service-public.security-online .txt p{ margin-bottom:10px;}
.container.service-public.security-online .txt p font{ color:#0086df; font-size:22px}
.container.service-public.security-online .txt p a{ color:#0086df; text-decoration:underline}
.service-cloud-list{ text-align:center; margin-bottom:3rem}
.service-cloud-list li{ display:inline-block}
.service-cloud-main li{ width:22%; float:left; margin-right:4%; background:#fff}
.service-cloud-main li .txt{-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35); padding:1rem; height:190px;}
.service-cloud-main li .txt p{ color:#666}
.service-cloud-main li .txt p strong{ border-bottom:1px solid #bcbcbc; margin-bottom:10px; padding-bottom:10px; font-size:1rem; font-weight:normal; display:table; width:100%;}
.service-sale .txt,.service-sale .img{ display:table-cell; vertical-align:middle; width:50%; position:relative}
.service-sale .txt{ background:#f3f5f9; padding:1rem 2rem}
.service-sale .txt .tit{ text-align:left; margin:0}
.service-sale .txt hr{ margin:5px 0 15px; display:table; background:#0086df; width:60px; height:3px;}
.service-sale .txt p{ color:#666}
.service-sale .txt p strong{ font-size:1rem; font-weight:normal; margin-bottom:10px; display:table; color:#333}
.service-sale .link a{ display:inline-table; margin:10px 10px 0 0}
.service-sale .link a.logistics{ background:#fff; border:2px solid #e3e3e3}
.service-sale .img .link{ position:absolute; left:2rem; top:2rem}
.service-sale .img .link a{ display:table; margin:1rem}
.service-date{ overflow:hidden; margin-bottom:1rem; text-align:center}
.service-date li{ width:20%; text-align:center; display:inline-block; position:relative}
.service-date li p strong{ font-size:2.5rem; font-weight:normal; color:#0086df}
.service-date li p span{color:#0086df}
.service-date li::before{content: '';display: block;position: absolute;width: 100%;height: 30%;left: -1px;top: 40%;border-right: 1px solid #cececf;}
.service-date li:last-child::before{ border:none}

.service-update .tit{ margin-bottom:3rem; text-align: center;}
.service-update .tit strong,.service-update .tit strong b{ font-weight:normal}
.service-update .tit strong{ display:table; width:100%; margin-bottom:10px;}
.service-update .tit p span{ color:#c52d2f}
.updata-before p{ height:80px; display:table-cell; vertical-align:middle; text-align:center;  background:#fff; width:1%;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);
    box-shadow: 0px 5px 8px rgba(201,201,201,0.35); padding:0 10px;}
.updata-img{ display:table; margin:1rem auto; width:100%; text-align:center}
.updata-img img{ width:70px; height:35px;}
.updata-after p{ height:50px; display:table-cell; vertical-align:middle; text-align:center;  background:#0086df; width:1%; padding:0 10px; color:#fff}
.youshi li{ width:32%; float:left;}
.youshi li .txt{ background:#f3f5f9; overflow:hidden; padding:1rem; height:280px;}
.youshi li .txt li{ display:table; width:100%; margin:0 0 10px; background:url("../images/youshiico.jpg") left center no-repeat; padding:0 0 0 1rem}
.youshi li .txt p{ border-bottom:1px solid #c8d2dc; margin:0 0 1rem; padding-bottom:1rem; font-size:1rem}

.service-solve-list{ width:25%; float:left; text-align:center; padding:2rem 0; border-right:1px solid #e0e4ed; border-bottom:1px solid #e0e4ed; height:100px;}
.service-solve-list i{ margin-right:10px;}
.service-solve-list i,.service-solve-list p{ display:inline-table}

.process-slide .slide .txt{ background:#f3f5f9; padding:1rem 10px 0; height:200px; text-align:center}
.process-slide .slide .txt .no{ color:#9298a3; font-size:3rem}
.process-slide .slide .txt p span{ color:#0086df}

.page-padding.update-main{ background:url("../images/process_bg.jpg") no-repeat top center;overflow:visible}
.service-update.service-process.container .tit,.service-update.service-process.container .tit p{ color:#fff}
.service-process .bx-controls-direction a{ height:60px; width:28px; background:url("../images/service_slide.png") no-repeat; display:block; text-indent:-999rem; position:absolute; top:41%; }
.service-process .bx-controls-direction a.bx-prev{ left:-40px}
.service-process .bx-controls-direction a.bx-prev:hover{background-position:0px -60px;}
.service-process .bx-controls-direction a.bx-next{ background-position:-29px 0px; right:-40px}
.service-process .bx-controls-direction a.bx-next:hover{background-position:-29px -60px;}

.solution-tit{ font-size:2rem; text-align:center;}
.solution-tit hr{ background:#c2c8d0; width:80px; height:3px; display:table; margin:1rem auto 1.5rem}
.solution-process{ text-align:center}
.solution-process li{ float:left; width:18%; margin-right:2.5%}
.solution-process li img{ margin-top:1rem}
.solution-process li:last-child{ margin-right:0}
.solution-process li .txt{ background:#fff; background-size:contain;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35); height:200px; padding:1rem 0 0}
.solution-process li .txt strong{ font-size:1rem}
.solution-process li .txt hr{ display:table; margin:1rem auto; width:40px; background:#aab2c2; height:2px;}
.solution-process li .txt p{ color:#666; margin-bottom:5px;}
.solution-process li .txt p a{ color:#0086df}
.solution-case .container.case-list li .txt{ display:block; padding:1rem;  height:100px;}
.solution-case .container.case-list li .txt h2{ font-size:1rem; display:block;  border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;}
.solution-case .container.case-list li .txt h2,.solution-case .container.case-list li .txt p,.solution-pro li h2{text-overflow: ellipsis;overflow: hidden;float: left;width: 100%;white-space: nowrap; color:#666}
.solution-case .container.case-list li:hover p,.solution-case .container.case-list li:hover h2{ color:#fff}
.page-padding.solution-case{ padding-bottom:0}
.solution-do p{ line-height:2}

#timeline{width:100%;margin:30px auto 45px;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
#timeline:before{content:"";width:3px;height:100%;background:#d3daea;left:50%;top:0;position:absolute}
#timeline:after{content:"";clear:both;display:table;width:100%}
#timeline .timeline-item{margin:0 auto;position:relative;display:table;width:99%}
#timeline .timeline-item .timeline-icon{background:#ffffff; width:150px; height:50px; font-size:1.25rem; color:#666; font-weight:bold; text-align:center; line-height:50px;position:absolute;top:0;left:50%;overflow:hidden;margin-left:-74px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.1);-ms-box-shadow:3px 3px 3px rgba(0,0,0,.1);box-shadow:3px 3px 3px rgba(0,0,0,.1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
#timeline .timeline-item .timeline-icon img{position:relative;top:14px;left:14px}
#timeline .timeline-item .timeline-content{width:40%;background:#fff;padding:20px;-webkit-box-shadow: 0px 0px 5px 2px rgba(201,201,201,.75);box-shadow: 0px 0px 5px 2px rgba(201,201,201,.75);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; text-align:right}
#timeline .timeline-item .timeline-content:before{content:'';position:absolute;left:40%;top:20px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:20px solid #fff;}
#timeline .timeline-item .timeline-content.right{float:right; text-align:left;}
#timeline .timeline-item .timeline-content strong{ color:#d30c24; font-size:1rem; margin-bottom:8px}
#timeline .timeline-item .timeline-content p{ margin-bottom:8px;}
#timeline .timeline-item .timeline-content.right:before{content:'';right:40%;left:inherit;border-left:0;border-right:20px solid #fff}
#timeline .timeline-item .timeline-content.last{ background:#d30c24; text-align:center}
#timeline .timeline-item .timeline-content.last strong{color:#fff}
#timeline .timeline-item .timeline-content.last:before{border-left:20px solid #d30c24;}

.solution-bg li{ width:32%; float:left;}
.solution-bg li:nth-child(2){ margin:0 2%}
.solution-bg li .img{ position:relative}
.solution-bg li .img p{ position:absolute; left:10px; bottom:0; color:#fff; font-size:1.25rem;}
.solution-bg li .img p strong{ font-size:2.5rem; margin-right:5px;}
.solution-bg li .txt{ background:#fff; padding:15px; display:table; vertical-align:middle;-webkit-box-shadow: 0px 5px 8px rgba(201,201,201,0.35);box-shadow: 0px 5px 8px rgba(201,201,201,0.35); color:#666; letter-spacing:1px; display:inline-block; min-height:200px;}
.solution-bg li .txt span{ color:#333; font-weight:bold;}
.solution-do .img{ margin:1.5rem 0; position:relative}
.solution-do .img .list{ position:absolute; left:0; bottom:1rem; width:100%;}
.solution-do .img .list .box{ text-align:center}
.solution-do .img .list .box p{ display:inline-block; position:relative; min-width:150px; background:#e9f4fa; height:46px; line-height:46px; margin:0 10px; padding:0 1rem; text-align:center; font-size:1rem}
.solution-do .img .list .box p:before,.solution-do .img .list .box p:after{content:'';width:12px; height:46px; display:block; position:absolute; top:0 }
.solution-do .img .list .box p:before{background:url("../images/solution_left.png"); left:-12px}
.solution-do .img .list .box p:after{ background:url("../images/solution_right.png"); right:-12px}

.solution-do .main .p5{ float:left; width:25%; text-align:center}
.solution-do .main .p5 div{ width:8%; display:table-cell; vertical-align:middle}
.solution-do .main .p5 .p8{ background:url("../images/solution_arrow.png") no-repeat center center}
.solution-do .main .main-list{ float:left; width:75%}
.solution-do .main .main-list .p6{ width:18%; margin-left:2.5%; float:left;text-align:center}
.solution-do .main .main-list .p6:nth-child(1){ margin-left:0}
.solution-do .main img{ width:auto}

.advantage li{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box; margin-top:2rem}
.advantage li .img,.advantage li .txt{ display: table-cell; vertical-align:middle}
.advantage li .txt{ vertical-align:top}
.advantage li .img{ width:33%}
.advantage li .txt{ width:67%; background:#fff; padding:1rem 2rem;-webkit-box-shadow: 0px 3px 3px rgba(201,201,201,0.35);box-shadow: 0px 3px 3px rgba(201,201,201,0.35); color:#666}
.advantage li .txt h3{ font-size:1.25rem; color:#333}
.advantage li .txt hr{ background:#d10f27; height:2px; width:80px; margin:8px 0;}
.advantage li .txt .table table{margin-top:10px;border-right:1px solid #c2c8d0;border-bottom:1px solid #c2c8d0; width:auto; min-width:300px;}
.advantage li .txt .table table td{border-left:1px solid #c2c8d0;border-top:1px solid #c2c8d0; padding:2px 10px; min-width:50px;}
.advantage li .txt .table table td.last{ color:#fff; background:#d10f27}
.solution-pro li{ float:left;-webkit-box-shadow: 0px 0px 5px 1px rgba(201,201,201,0.75);box-shadow: 0px 0px 5px 1px rgba(201,201,201,0.75);}
.solution-pro li h2{ padding:10px 1rem; color:#333; text-align:center; background:#f1f5f8}
.solution-pro li:hover h2{ background:#d10f27; color:#fff}

.container-shadow,.sub-page-box.no-page-txt{-webkit-box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.5);box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.5);}
.about{ background:#fff}
.about .txt{ padding:0 2rem; line-height:1.8}
.about .txt .link{ margin:1rem 0}
.about .txt .link a,.about .txt .link em{ color:#336ac1}
.about .txt .link a{white-space: nowrap;word-break: keep-all;}
.about .txt .link em{ margin:0 .5rem}
.about-histroy .container{ position:relative}
.about-histroy{ background:url("../images/histroybg.jpg") no-repeat center center;}
.about-histroy .img{ background:#fff; padding:1rem}
.about-histroy .txt{ background:#fff; padding:1rem 2rem; vertical-align:top !important}
.about-histroy .txt .year{ color:#c0cae3; font-size:4rem; border-bottom:1px solid #c0cae3; margin-bottom:10px;}
.about-histroy .txt .info{color:#666}
.about-histroy .txt .info img{ display:none}
.about-histroy .txt .info strong{ font-size:1.15rem; margin-bottom:5px;display:table; width:100%}
.about-histroy .time{ margin-top:1rem; background:#fff; position:absolute; right:3rem; bottom:3rem; width:42%; z-index:1}
.about-histroy .time li,.histroy-list li{ float:left; width:25%; text-align:center; position:relative}
.about-histroy .time li b,.histroy-list li b{ background:url("../images/arrow_white.png") #c0cae3 center center no-repeat;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; height:30px; width:30px; display:block;  margin:0 auto; position:relative; margin-bottom:5px;}
.about-histroy .time li:before,.histroy-list li:before{content:''; width:100%; height:2px; background:#c0cae3; position: absolute; top:14px; left:0}
.about-histroy .time li a:hover b,.about-histroy .time li.on b,.histroy-list li a:hover b,.histroy-list li.on b{ background:url("../images/icon/arrow_white.png") #0086df center center no-repeat;}
.histroy-list li.on a,.about-histroy .time li.on a{ color:#434343}
.about-histroy .time li a,.histroy-list li a{ color:#777}
.about-histroy .time li a:hover,.histroy-list li a:hover{ color:#0086df}
.histroy-list li a strong,.histroy-main .txt p{ font-size:1rem}

.about-innovation .img{ position:relative;}
.about-innovation .img .txt{ position:absolute; background:#fff; padding:1rem; color:#888; left:0; bottom:0; width:100%}
.about-innovation .img .txt strong{ font-size:1.5rem; border-right:1px solid #a2b3cd; color:#333; padding-right:1rem; margin-right:1rem}
.about-honor{ background:url("../images/honor_bg.jpg")}
.about-honor .tit{ text-align:center; margin-bottom:2rem}
.about-honor .tit p{ font-size:14px; color:#888}
.honor-more{text-align:center; margin:2rem auto 0;}
.honor-more .move{ margin:0 auto}
.histroy-list{ background:#fff; padding:3rem 2rem; overflow:hidden;}
.histroy-main .txt,.about-tit{ text-align:center}
.about-tit{ margin-bottom:2rem}
.factory{ margin:2rem 0; display:table; width:100%}
.factory li{ width:48%; float:left;}
.factory li:nth-child(2){ margin:0 0 0 4%}
.factory li .txt{ padding:2rem 1rem 1rem; position:relative}
.factory li .txt .num{ position:absolute; color:#b0bed8; font-size:4rem; top:-3rem}
.factory li .txt p strong{ font-size:1rem}
.about-us-box { margin-bottom:3rem}
.about-us-box .txt{ padding:0 2rem; background:#fff; overflow:hidden}
.about-us-box .txt h4{ font-size:1rem; color:#888; border-bottom:2px solid #0086df; margin-bottom:.5rem; padding-bottom:.5rem; width:auto; display:table}
.about-us-box .txt h3{ font-size:1.5rem; margin-bottom:1rem}
.about-us-box .txt p,.about-us-txt p{ color:#666; margin-bottom:1rem}
.about-us-box .txt p b{ background:#666; width:5px; height:5px; float:left; margin-right:.5rem;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; margin-top:8px;}
.about-us-txt{ text-align:center}
.about-us-txt strong{ font-size:1.25rem; color:#333}
.join-us-nav a{ background:#f5f8f9}
.join-us,.join-us-box{ margin-top:2rem}
.join-us .tit{ text-align:center;}
.join-us .tit hr{ background:#c2c8d0; height:3px; display:table; margin:10px auto; width:80px;}
.join-us .tit strong{ font-size:2rem;font-weight:normal}
.join-us .tit p{ color:#666}
.join-us-f{ overflow:hidden; margin-top:2rem;}
.join-us-f .txt dl{ border:1px solid #cedee4; display:table; width:100%; vertical-align:middle; margin-bottom:15px;}
.join-us-f .txt dl dt,.join-us-f .txt dl dd{ display:table-cell; vertical-align:middle; padding:1rem}
.join-us-f .txt dl dt{ background:#e7f1f4; border-right:1px solid #cedee4;white-space: nowrap;word-break: keep-all; text-align:center; font-size:1rem; font-weight:bold;width:120px;}
.join-us-box { display:table; width:100%}
.join-us-box .join-us-r .txt{ padding:1rem; min-height:200px; line-height:1.8; color:#666}

.recruitment .tit{ margin-top:2rem;  background:#d1dfe9; border:1px solid #c6ccd4; overflow:hidden; padding:1rem}
.recruitment .tit span,.recruitment-list span{ float:left; width:16.6%; text-align:center}
.recruitment .recruitment-main .recruitment-list{ border:1px solid #c6ccd4; border-top:none; padding:1rem; overflow:hidden}
.recruitment .recruitment-main .recruitment-list:nth-child(2n){ background:#f1f5f8}
.recruitment .recruitment-main .recruitment-list a{ color:#666}

.honor-slider .slide:nth-child(n+2){visibility: hidden;display: none;}
.honor-slider .slide img{ max-width:390px; max-height:240px}
.honor-swiper,.status-nav{ background:#fff; margin:2rem auto; padding:1rem 2rem; text-align:center}
.ProductList,.status-nav{overflow:hidden;}
.ProductList li{float:left;width:33.3%;overflow:hidden; text-align:center; height:330px; margin-bottom:2rem}
.ProductList.patent-box li{ height:355px;}
.ProductList .unit{position:relative;z-index:4; margin:0 auto;}
.ProductList .img {display:block; border:3px solid #e2eaf2; padding:2rem; width:80%; margin:0 auto; background:#f2f6f9; height:270px;}
.ProductList p{ width:80%; display:block; margin:0 auto; padding:1rem 10px;box-shadow: 0px 3px 5px 0px rgba(201,201,201,0.5);-webkit-box-shadow: 0px 3px 5px 0px rgba(201,201,201,0.5);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.patent{ padding:.5rem 10px; display:block; margin:0 auto; white-space: nowrap;text-overflow: ellipsis;box-shadow: 0px 3px 5px 1px rgba(201,201,201,1);-webkit-box-shadow: 0px 3px 5px 1px rgba(201,201,201,1);}
.patent p{ padding:0;box-shadow:none;-webkit-box-shadow:none; width:90%; margin-bottom:.5rem}
.ProductList .img img{ width:auto; height:inherit;height:200px;}
.allProduct{position:relative;z-index:2;}
.honor-swiper .swiper-slide,.status-nav li{ border-right:1px solid #ababab}
.honor-swiper .swiper-slide.last,.status-nav li.last{ border-right:none}
.honor-swiper .swiper-slide a,.status-nav a{ color:#2a2a2a; padding:1rem}
.status-nav li{ width:33.3%; float:left;}
.honor-swiper .swiper-slide.on a,.honor-swiper .swiper-slide a:hover,.status-nav a:hover,.status-nav a.on{ border-bottom:3px solid #0086df; font-weight:bold}

.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.txt-list{border:1px solid #c6ccd4; border-bottom:none}
.txt-list li{ padding:1rem; background:#f1f5f8; border-bottom:1px solid #c6ccd4}
.txt-list li b{ background:#ccd2db; width:4px; float:left; margin-right:5px; height:15px; margin-top:3px;}
.txt-list li:hover{ color:#0086df}
.txt-list li:hover b{ background:#0086df}
.txt-list li:nth-child(2n){ background:#fff}
.status-main .page-paging{ margin:0 auto}
.img-list.ProductList,.img-list.ProductList li{ overflow:inherit}
.about-before .about-voide,.about-before .txt{ display:table-cell; vertical-align:middle}
.about-before .txt{ padding:2rem; color:#666; line-height:1.8}
.about-before .txt p{ margin-bottom:1rem}
.about-before .txt .tit{ display:table; background:#0086df; height:40px; color:#fff; line-height:40px; font-size:1rem; padding:0 2rem 0 1rem; margin-bottom:1rem}
.about-before .txt .tit b{ background:#0086df; border-right:2px solid #fff; float:left; width:1px; height:40px;}
.about-before .txt .tit p{ float:left;  margin:0 0 0 10px; background:url("../images/triangle.png") no-repeat right center; padding:0 15px 0 5px}
.about-before .about-voide{ background:#000; width:555px; height:540px;}
.boss-talk.container,.innovation-swiper{ margin:3rem auto 0}
.boss-talk.container .tit{ border-bottom:2px solid #dfe3eb; margin-bottom:1.5rem; padding-bottom:1.5rem; text-align:center}
.boss-talk.container .tit strong{ margin-bottom:10px; display:table; width:100%}
.boss-talk.container .tit p{ font-size:1.25rem}
.talk-main p{ color:#666; line-height:1.8; margin-bottom:10px;}
.talk-main p strong{ font-size:1rem; color:#333}
.innovation-public .tit{ text-align:center; color:#888}
.innovation-public .tit strong{ color:#333; font-weight:normal}
.innovation-public .tit hr{ height:3px; width:80px; display:table; margin:.75rem auto; background:#c2c8d0}
.innovation-one{ margin-top:2rem;}
.innovationtab-tab-nav{ background:#f1f5f8; overflow:hidden;}
.innovationtab-tab-nav li a{ width:25%; float:left; text-align:center; padding:1rem 0; border-bottom:3px solid #fff;position:relative; font-size:1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; cursor:pointer}
.innovationtab-tab-nav li a:before{content:''; width:2px; height:10px; background:#c8cacc; position: absolute; top:40%; right:0}
.innovationtab-tab-nav li:last-child a:before,.ex-center .txt li:last-child:before{ display:none}
.innovationtab-tab-nav li.on a,.innovationtab-tab-nav li a:hover{ border-bottom:3px solid #0086df; color:#0086df}
.innovationtab-bg{ position:relative}
.innovationtab-bg .txt{ position:absolute;background:#fff; width:auto; display:table; border-bottom:5px solid #c4cee5; padding:1rem; max-width:280px; left:7%; top:15%;}
.innovationtab-bg .txt ul{ padding: 0 1rem}
.innovationtab-bg .txt li{ list-style:disc; margin-top:5px;}
.innovation-pro .shuffer-up:hover .shuffer-bg{ height:50%; background:#fff}
.index-pro-main.innovation-pro li .stars-info{padding:0 10px; text-align:left; height:1px; }
.index-pro-main.innovation-pro li{ overflow:hidden;}
.index-pro-main.innovation-pro li:hover .stars-info{ bottom:45%;}
.index-pro-main.innovation-pro li .stars-info h2{ color:#333; border-bottom:1px solid #c8d2dc; padding-bottom:5px; margin-bottom:5px;}
.index-pro-main.innovation-pro li p{ color:#666}
.about-us-box.innovation-slide,.cloud-list{ margin:2rem auto 0}
.about-us-box .txt{ background:#f1f5f8}
.about-us-box .txt h3,.cloud-list li .txt h4{ border-bottom:1px solid #c8d2dc; padding-bottom:1rem}
.cloud-list li .txt h4{ margin-bottom:.75rem; color:#333; font-size:1rem; padding-bottom:.75rem}
.cloud-list li .txt{ padding:1rem; min-height:200px;}
.cloud-list li .txt p{ background:url("../images/youshiico.jpg") left center no-repeat; padding-left:1rem; color:#666; margin-bottom:5px;}
.page-padding.product-main.about-innovation-main{ padding-bottom:0}
.about-innovation-main .page-common-nav{ margin-bottom:3rem}
.ex-center .txt{padding:1rem 2rem}
.ex-center .txt li{ float:left; width:33.3%; text-align:center; margin:0 0 1rem; position:relative}
.ex-center .txt li:before{content:''; width:1px; height:30px; background:#cbd5de; position: absolute; top:30%; right:0}
.ex-center .txt li p{ margin-bottom:5px;}
.ex-center .txt li p.n{ color:#336ac1; font-size:2rem}
.ex-center .txt li p.n span{ font-size:14px;}
.ex .txt{ background:#fff; padding:1rem 2rem; color:#666}
.ex .txt h4{ color:#1b1b1b; font-size:1.5rem; border-bottom:1px solid #cdd3e0; margin-bottom:1rem; padding-bottom:1rem}
.ex .txt p{ margin-bottom:1rem}
.ex .txt p strong{ font-size:1.25rem; color:#333}
.innovationtab-tab-nav.innovation-swiper{background:none}
.innovationtab-tab-nav.innovation-swiper li{ border:2px solid #e2eaf2; position:relative; cursor:pointer}
.innovationtab-tab-nav.innovation-swiper li .bg{ position:absolute; left:0; top:0; height:100%; width:100%; background:#fff;vertical-align:middle; padding-top:20%}
.innovationtab-tab-nav.innovation-swiper li:hover .bg,.innovationtab-tab-nav.innovation-swiper li.on .bg{background-color:rgba(70,70,70,0.5); color:#fff}
.innovationtab-tab-nav.innovation-swiper li p{ text-align:center; width:50%; display:table-cell; margin:0 auto; vertical-align:middle}
.product-nav.search-tit{ background:none}
.search-main p{ color:#666;border-bottom:1px solid #d9dfe8; padding:3px 0 10px}
.search-main li{ border-bottom:1px solid #d9dfe8; padding:1rem 0}
.search-main li h2{font-size:1rem; font-weight:bold; margin-bottom:7px;}
.search-main li h2 span{ color:#0086df;}
.search-main li h2 a{  color:#333}
.search-main li p{ padding:0; border-bottom:none}

.search-container{ display:table; margin:3rem auto 0; width:60%; border:1px solid #0086df}
.search-select{display: inline-block;width: auto;position: relative;vertical-align: middle;padding: 0;overflow: hidden;color: #555;border-right: 1px solid #aaa;text-shadow: none;z-index: 2; width:80px;}
.search-select:before {content: "";position: absolute;width: 0;height: 0;border:6px solid transparent;border-top-color: #999;top: 17px;right: 14px;cursor: pointer;z-index: -2;}
.search-select select {cursor: pointer;padding:10px;width:81px;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;}
.search-container .search-input{ padding:10px 0 10px 10px; width:70%}
.search-container .btn-search{ float:right; background:#0086df; color:#fff; height:40px; padding:0 1rem}
.cd-main-content .web-img.web-margin{ position:relative;}
.cd-main-content .web-img.web-margin img{ min-height:150px;}
.cd-main-content .Bread-nav{ position:absolute; right:1rem; bottom:1rem; color:#fff}
.cd-main-content .Bread-nav a{ color:#fff}
.page-box h3 {font-size: 1.5rem;font-weight: bold;width: 100%;float: left;border-bottom: 1px solid #c9c5c6;padding:0 0 15px 0;margin-bottom: 15px;}
.page-box p {line-height: 30px;min-height: 15px;}
section .container .page-tit{ display:none}

.webmap-tit {width: 100%;margin-bottom: 1%;}

.webmap-tit a, .webmap-h2, .webmap-h1 {font-weight: bold;}
.mapbox a {margin: 0 5px; color:#333}
.mapbox {border-bottom: 1px solid #bab7b6;padding-bottom: 2%;margin-bottom: 2%;height: auto;overflow: hidden;}
.webmap-h2{ margin-bottom:10px;}
.webmap-h2 a{ font-size:15px;}
.webmap-tit a {color: #b81b32; font-size:1rem}
.webmap-h3 a{ margin-bottom:5px; display:inline-table}
@media screen and (min-width:1371px){
    .container{ width:80%;}
    .solution-process li img{ width:auto; max-width:inherit;}
}
@media screen and (min-width:1060px) and  (max-width:1370px){
    .menu > ul > li > a{ padding:0 0 0 10px !important}
    .nav_sub .container ul{ width:55% !important}
    .b-logo{ display:none}
    .product-info-other a{ width:50%;}
    .service-find .find .tit{ padding:4.75%}
    .about-histroy .time{ bottom:1rem;}
}
@media screen and (min-width:992px) and  (max-width:1059px){
    .nav_sub .container ul{ width:55% !important}
    .index-case-list .shuffer-box .name img{ width:70px}
    .index-case-list li:hover .stars-info{ height:55%}
    .b-logo{ display:none}
    .product-info-other a,.about-before .about-voide{ width:50%;}
    .service-find .find .tit{ padding:3.4%}
    .about-histroy .time{ bottom:1rem;}
    .about-histroy .txt .year{ font-size:3rem;}
    .about-histroy .txt .info p{ display:none}
}
@media screen and (min-width:769px) and  (max-width:992px){

    .nav_sub .container ul{ width:55% !important}
    .nav-diplay,.a-logo{ display:none}
    .menu > ul > li > a{ padding:0 6px !important}
    .nav_sub .nav_img_link{ width:30%}
    .nav_sub .container ul{ width:68% !important}

    .index-case-list .shuffer-box .name img{ width:70px}
    .index-case-list li:hover .stars-info{ height:70%}
    .common-tab-nav li{ margin:0 .5rem}
    .common-tab-nav li::before{ left:-.5rem}
    .b-logo{ display:block !important}
    .product-info-other a,.about-before .about-voide{ width:50%;}
    .product-scroll-list .scroll.scroll_2 .container li{ height:250px !important;}
    .service-scope .main li .shuffer-txt p{ padding:0 1rem}
    .service-find .find .tit{ padding:1.5%}
    .innovation-pro .shuffer-up:hover .shuffer-bg{ height:42%;}
    .index-pro-main.innovation-pro li:hover .stars-info{ bottom:38%;}
    .shuffer-up.container-shadow:nth-child(2n+2){ float:left;}
    .search-container .search-input{ width:60%}
    .about-histroy .txt .year{ font-size:2rem;}
    .about-histroy .txt .info p{ display:none}
    .about-histroy .time{ bottom:5px;}
}
@media screen and (min-width:769px) and  (max-width:1370px){
    .container{ width:90%;}
    .product-scroll-list .scroll.scroll_2 .container li{ height:220px;}
    .service-cloud-list li{ width:20%}
}
@media screen and (min-width:769px){
    .nf-sm-12{width:100%}
    .nf-sm-11{width:91.66666667%}
    .nf-sm-10{width:83.33333333%}
    .nf-sm-9{width:75%}
    .nf-sm-8{width:66.66666667%}
    .nf-sm-7{width:58.33333333%}
    .nf-sm-6{width:50%}
    .nf-sm-5{width:41.66666667%}
    .nf-sm-4{width:33.33333333%}
    .nf-sm-3{width:25%}
    .nf-sm-2{width:16.66666667%}
    .nf-sm-1{width:8.33333333%}
    .nf-sm-1,.nf-sm-2,.nf-sm-3,.nf-sm-4,.nf-sm-5,.nf-sm-6,.nf-sm-7,.nf-sm-8,.nf-sm-9,.nf-sm-10,.nf-sm-11,.nf-sm-12{ float:left}
    .index-about .nf-sm-6.fr{float:right}
    .index-about .nf-sm-6.fl{ float:left}
    .menuOverlay{position:fixed;left:0;top:107px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:5;display:none;}
    .index-contact{ display:none}
    .searchbox{border:1px solid #0086df;min-width:550px;}
    .mod_select{border-right:1px solid #e3e3e3;}
    .mod_select .select_box .option{background-color:#fff;border:1px solid #0086df;}
    .searchbox .btn-search{background-color:#0086df;}
    .top-language,.language_box{ display:none}
    .pc-show{ display:block}
    .wap-show{ display:none}
    .top-logo,.index-service-main .wap-li,.b-logo,.wap-foot,.foot-bottom-nav,.wap-foot-nav{ display:none}
    .product-box li{ width:48%; float:left; margin-bottom:4%}
    .about-innovation .img,.join-us-box .join-us-r{ float:left; width:48%}
    .product-box li:nth-child(2n),.media-list.company-news li:nth-child(2n),.about-innovation .img:nth-child(2n){ float:right;}
    .product-list li:nth-child(3n+2),.container.case-list li:nth-child(3n+2),.company-news li:nth-child(3n+2),.solution-pro li:nth-child(3n+2){ margin:0 2%}
    .product-list li .img img{ max-height:280px;}
    .about-product .product-list li .img img{ max-height:220px;}
    .container.case-user li:nth-child(n+8)::after {border: none;}
    .container.case-user li:nth-child(7n)::before {border: none;}
    .container.case-list li,.company-news li,.solution-pro li,.innovation-pro li{ float:left; width:32%; margin-bottom:2%}
    .container.company-news.news-common-tit.news-box li{ margin-bottom:0}
    .innovation-pro li{ margin:0 0 2%}
    .cloud-list li{ float:left; width:32%;}
    .innovation-pro li:nth-child(3n+2){ margin:0 2% 2%}
    .media-list.company-news li{ width:48%; margin:0 0 4%; float:left;}
    .media-list.company-news li .txt{ display:table-cell; vertical-align:middle; width:1%}
    .security-online .img,.security-online .txt,.about-us-box .img,.about-us-box .txt{ display:table-cell; vertical-align:middle; width:50%}
    .youshi li:nth-child(2),.cloud-list li:nth-child(2){margin:0 2%}
    .service-solve-list:nth-child(4n){ border-right:none}
    .service-solve-list:nth-child(n+5){ border-bottom:none}
    /*新闻内容图片开始*/
    .container.article-main img{ width:auto; height:auto}
    .news-img2{ float:left; width:50%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}/*两张图并排样式*/
    .news-img3{ float:left; width:33.3%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}/*三张图并排样式*/
    .news-img4{float:left; width:25%; text-align:center; margin:20px auto; border-left:5px solid #fff;border-right:5px solid #fff}/*四张图并排样式*/
    .news-img3 img,.news-img4 img{ width:100% !important}
    .contact-box.contact-box-s .img{ float:right;}
    .contact-box.contact-box-s .txt{ float:left; padding:2rem 0 0 2rem}
    .service-scope .main li:nth-child(4n+4),.service-security .main li:nth-child(4n+4),.service-cloud-main li:nth-child(4){ margin-right:0}
    .about .txt,.about .img,.about-histroy .img,.about-histroy .txt{ display:table-cell; width:50%; vertical-align:middle}
    .about-us-main .index-about-data li{ width:16.66667%; margin:2rem 0}
    .join-us-f .img{ width:50%;float:left;}
    .join-us-f .txt,.join-us-box .join-us-r1{ width:48%; float:right; margin-left:2%}
    .join-us-f1 .img{ float:right}
    .join-us-f1 .txt{ float:left; margin:0 2% 0 0}
    .reveal-modal{ width:60%}
    .reveal-box h3{ font-size:1.25rem}
    .reveal-box .t{ overflow:hidden; border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1; margin:10px 0; padding:10px 0 0}
    .reveal-box .t span{ float:left; width:33.3%; margin-bottom:10px;}
    .reveal-box .c li{ margin-bottom:10px;}
    .reveal-box .c .c1{width: 30%;float: left;}
    .reveal-box .c .c2{width: 70%;float: left;}
    .img-list.ProductList li{ width:32%; margin-bottom:2%}
    .img-list.ProductList li:nth-child(3n+2){ margin:0 2%}
    .img-list.ProductList li .img,.img-list.ProductList li p{ width:100%}
    .innovation-public .tit strong{ font-size:1.5rem}
    .ex .img,.ex .txt{ display:table-cell; vertical-align:middle; width:50%}
    .case-box .img img{ min-height:385px; height:auto}
    .media-view .img img{ max-height:366px;}
    .container.company-news.news-common-tit.news-voide,.container.company-news.news-common-tit.news-box{ margin-top:3rem}
    .banner .bx-next{ right:40px;}
}
@media screen and (max-width:768px){
    header{ position:fixed !important;-moz-box-shadow:0px 0px 5px #ddd;-webkit-box-shadow:0px 0px 5px #ddd;box-shadow:0px 0px 5px #ddd; width:100%; top:0}
    .top .container .fl,.top .container{ background: none; padding:0}
    .top .top_fl{ background:#0086df url("../images/top.png") no-repeat right center}
    .top .top_fr{ right:0; top:0}
    .top .container .fl{ float:left;}
    .top .container .fr.top_link{ float:right;}
    .container{ width:90%}
    .fl,.fr{ float:inherit}
    .top-logo{ display:biock; float:left; margin-top:10px}
    .banner{ margin-top:112px;}
    .page-padding,.page-box,.container.article-main,.webmap{ padding:2rem 0}
    .solution-txt{ width:100%; padding-top:15%}
    .container .common-tit::before{ left:125px;}
    .container .common-tit::after{ left:135px;}
    .common-tab-nav li::before{ display:none}
    .container .index-tit,.solution-txt h2{ font-size:1.75rem}
    .index-case-list li,.index-service-main li{ width:48%; margin-right:0; margin-bottom:15px;}
    .index-service-main li:nth-child(2n+2){ float:right;}
    .common-tab-nav{ border:none;border-left:1px solid #dee4ea;}
    .common-tab-nav li{ border:1px solid #dee4ea; border-left:none; margin:0 !important}
    .index-case-list li:nth-child(3n+2),.index-case-list li:nth-child(n+4){ margin:0 0 15px;}
    .index-case-list li:nth-child(2n){ float:right;}
    .index-case-list .shuffer-box .name img{ width:65px;}
    .index-case-list li .stars-info p{ display:none}
    .index-news-list li{ width:100%; float:inherit; margin:0 0 15px !important;}
    .index-news-list li .img, .index-news-list li .txt{ width:51%}
    .index-service-main li.wap-li{ display:table; vertical-align:middle}
    .index-service-main li.wap-li .img,.index-service-main li.wap-li .txt{ width:50%; display:table-cell; vertical-align:middle; padding:0}
    .index-news-list li .img{ width:35%}
    .pc-foot,.bottom,.index-service-main .pc-li,.foot{ display:none}
    .banner .bx-controls-direction{ display:none}
    .menu.container .logo{ display:none !important}
    .index-contact{ background:url("../images/contact.png") no-repeat; background-size:cover; padding:30px 0; color:#fff !important; position:relative}
    .index-contact-main p{ margin-top:1rem}
    .index-contact-main p b{ background:#c52d2f; color:#fff; font-size:1.25rem; padding:8px;}
    .contact-wechat{ position:absolute; right:5%; bottom:30px; text-align:center; max-width:100px; font-size:12px;}
    footer{ padding-bottom:60px; clear:both; display:block}
    .top-language{position:fixed !important; right:90px; top:15px;z-index:8;height:20px; width:20px;}
    .top_language_btn{ height:20px; width:20px; background:url("../images/icon/language.png") no-repeat; display:block}
    .language_box .close-tit{ background:#e9eff2 url("../images/icon/language.png") 10px center no-repeat; padding:8px 8px 8px 35px; font-size:1rem; color:#888; font-weight:bold}
    .language_box .close-tit .close{ background:url("../images/icon/close.png") no-repeat right center; height:19px; width:19px; margin-top:2px; float:right}
    .language_list{ padding:0 10px 1rem;}
    .language_list a{ height:45px; line-height:45px; border-bottom:1px solid #e9eff2; display:block; color:#666}
    .language_box{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none; z-index:3;}
    .language_box .box{width: 80%;height: auto;position: fixed;right:5%; top:55px;background:#fff; max-width:160px;}

    .top_link li.cd-header-buttons{ float:right; padding-left:0}
    .solution-tab-nav .container{ border:none}
    .solution-tab-nav li{ font-size:14px; width:48%; float:left; border:3px solid #dce4eb; margin-top:1rem}
    .solution-tab-nav li:nth-child(2n+2){ float:right;}
    .index-about-data{ padding-bottom:2rem;  overflow:hidden}
    .index-about-data li,.innovation-swiper{ margin:2rem 0 0;}
    .index-about-data li p,.innovationtab-tab-nav li a{ font-size:14px;}
    #select_value{ display:none}
    .index-tab-main .more.wap-show,.about-product .more.wap-show{ display:table; width:100%; padding:1rem 0 0; text-align:center;}
    .index-tab-main .more.wap-show a,.about-product .more.wap-show a{ color:#888; font-size:16px;}
    .index-tab-main .more.wap-show a i,.about-product .more.wap-show a i{ margin-left:9px; display:inline-block}
    .mod_select,.searchbox .btn-search,.product-scroll-nav .container .online.fr{ display:none}
    .product-scroll .fixDiv{ top:50px;}
    .product-scroll-nav .container,.index-service-main li.wap-li{ width:100%;}
    .product-scroll-nav .container .fl li{ width:20%; text-align:center; padding:0}
    .product-scroll-list .scroll .tit{ font-size:1.15rem}
    .wap-show{ display:block}
    .pc-show,.article-date .line,.container.service-public.security-online .txt hr{ display:none}

    .index-case-list li:nth-child(5),.index-case-list li:nth-child(6),.about-product.container .product-list li:nth-child(3){ display:none}
    .index-news-list li{ display:none}
    .index-news-list li:nth-child(1),.index-news-list li:nth-child(2){ display:block}
    .product-list li,.solution-pro li{ width:48%; margin-bottom:4%}
    .product-list li:nth-child(3n+2){ margin:0 0 4%}
    .product-box .shuffer-up .product-shuffer .tit h2,.innovation-public .tit strong{ font-size:1.25rem}
    .product-list li:nth-child(2n),.solution-pro li:nth-child(2n){ float:right}
    .product-box .shuffer-up .shuffer-link{ margin:1rem 1rem 0}
    .page-banner,.page-breadcrumbnav{ margin-top:112px;}
    .product-show,.product-info,.about-before .about-voide,.about-before .txt{ width:100%; display:table; height:auto}
    .product-info{ padding:1rem 0}
    .product-info h1{ font-size:1rem;}
    .product-info h1::before{ width:800%}
    .product-scroll-list .scroll.scroll_2 .container li{ width:100%;}
    .product-scroll-list .scroll{ padding:2rem 0}
    .scroll.scroll_3 .container,.scroll.scroll_4 .container{ overflow:auto}
    .container.case-user li{ width:33.3%;}
    .container.case-user li:nth-child(n+13){ display:none}
    .container.case-user li:nth-child(3n)::before {border: none;}
    .container.case-user li:nth-child(n+10)::after {border: none;}
    .container.case-list li,.service-security .main li,.service-cloud-main li{ width:48%;}
    .container.case-list li:nth-child(2n+2),.service-security .main li:nth-child(2n+2),.service-cloud-main li:nth-child(2n+2){ float:right;}
    .service-security .main li,.service-cloud-main li{ margin:0 0 4%}
    .news-box li{ float:inherit}
    .news-box li:nth-child(n+2),.container.case-list.solution-case li:nth-child(3){ display:none}
    .container.case-list li,.company-news li{ margin-bottom:4%}
    .about-product.container{ margin-top:1rem}
    .case-box .img,.case-box .txt{ display:table; width:100%; border:none}
    .case-box .txt{ padding:1rem}
    .case-box .txt h1,.article-tit h1,.boss-talk.container .tit p{ font-size:1rem}
    .news-img2,.news-img3,.news-img4{ width:100%; margin-bottom:1rem;}
    .orther-article{ background:none; padding:0}
    .orther-article a.fr{ position:relative}
    .orther-article a.fr::before { left:10px;}
    .orther-article a{ float:left;width:100%; text-align:left !important; background:#f1f4f6; height:60px; line-height:55px; padding: 0 1rem 0 2.5rem; margin-bottom:1rem}
    .contact-box.contact-box-s{ margin:2rem auto}
    .contact-box .txt,.contact-box .img{ display:table; width:100%}
    .contact-box.contact-box-s .txt,.contact-box.contact-box-q .txt{ padding:1rem 1.5rem}
    .contact-box .txt{ padding:2rem 1.5rem}
    .media-view{ margin-bottom:2rem}
    .media-view, .industry-view{ width:100%;}
    .news-common-tit .bx-viewport{ min-height:inherit}
    .news-common-tit .tit, .industry-view .tit,.media-view .img p,.about-us-txt strong{ font-size:1.15rem}
    .media-list.company-news li{ width:100%;}
    .media-list.company-news li .txt{ display:table-cell; vertical-align:middle; width:.7%}
    .index-case-list.page-case-list li:nth-child(3n){display: none;}
    .news-voide li{ float:right; width:48%}
    .news-voide li:nth-child(2n+2){ float:left;}
    .news-voide li:first-child,.service-find,.advantage li .txt .table table{ width:100%;}

    .service-public .tit,.service-update .tit strong{ font-size:1.5rem; text-align:left; margin-bottom:1rem}
    .service-public .tit strong::before{ position:absolute; background:#0086df;top:30%; left:105px; z-index:0; height:12px; width:8px; display:block;content: '';}
    .service-public .tit strong::after{ position:absolute; background:#e6ebef; width:100%; top:30%; left:115px; z-index:0; height:12px; display:block;content: '';}
    .service-public.service-security .tit::before,.container.service-public.security-online .tit strong::before{left:180px;}
    .service-public.service-security .tit::after,.container.service-public.security-online .tit strong::after{left:195px;}
    .service-scope .main{ text-align:center; display:table}
    .service-scope .main li,.solution-process li{ width:31%; margin:0 0 2%; display:inline-table; float:inherit}
    .service-scope .main li:nth-child(3n+2),.solution-process li:nth-child(3n+2){ margin:0 2% 2%}
    .service-scope .main li:hover .shuffer-txt{ bottom:10%}
    .service-scope .main li .shuffer-txt p{ padding:0 10px}
    .service-find .find, .service-find .mall,.service-sale .txt,.service-sale .img{ display:table; width:100%;}
    .service-find .find .tit .txt, .service-find .mall .tit p strong,.about-public .txt .tit,.about-honor .tit,.about-tit{ font-size:1.5rem}
    .experts-swiper .swiper-slide{ width:31% !important; margin-right:3%}
    .security-online .txt{ padding:1.5rem;}
    .service-cloud-list li{ width:33%}
    .service-cloud-list{ margin-bottom:2rem}
    .service-sale .txt hr,.service-update .tit strong b{ display:none}
    .service-public.service-sale .tit strong::before,.service-team .tit strong::before,.service-public.service-security .tit strong::before{ left:155px}
    .service-public.service-sale .tit strong::after,.service-team .tit strong::after,.service-public.service-security .tit strong::after{ left:170px}
    .service-sale .img .link a.logistics{ background:#f3f5f9; color:#333; border:none}
    .service-public.service-team .tit,.service-update .tit{ margin-bottom:1rem}
    .service-date li p strong,.solution-tit,.join-us .tit strong{ font-size:1.5rem;}
    .service-date li{ width:40%;}
    .service-update .tit strong{ text-align:center}
    .service-update .tit strong span{ display:table; width:100%; font-weight:bold}
    .service-update .tit p{ text-align:left;}
    .youshi li{ width:48%; }
    .youshi li:nth-child(2){ float:right;}
    .youshi li:nth-child(3){ width:100%; display:table; vertical-align:middle; margin-top:4%;}
    .service-solve-list{ width:33.3%; padding:2rem 0 0; height:145px;}
    .service-solve-list:nth-child(3n){ border-right:none}
    .service-solve-list:nth-child(n+7){ border-bottom:none}
    .service-solve-list i, .service-solve-list p{ display:table; margin:0 auto 10px}
    .service-update-two .container.case-list{ margin:1.5rem 0 1rem}
    .page-padding.update-main .bx-controls.bx-has-controls-direction,.service-update-two .container.case-list li:nth-child(3){ display:none !important}
    #timeline{padding:0}
    #timeline:before{left:0}
    #timeline .timeline-item .timeline-icon{ width:100px; line-height:40px; height:40px;}
    #timeline .timeline-item .timeline-content{width:98%;float:right; text-align:left; margin-top:50px;}
    #timeline .timeline-item .timeline-content.right:before,#timeline .timeline-item .timeline-content:before{display:none/*left:10%;margin-left:-6px;border-left:0;border-right:15px solid #fff*/}
    #timeline .timeline-item .timeline-icon{left:0; margin-left:8px;}
    #timeline .timeline-item{ margin-bottom:1.5rem}
    .solution-bg li,.factory li{ width:100%; margin:0 0 1rem !important}
    .solution-do .img .list{ position:relative}
    .solution-do .img .list .box{ padding:1rem 12px 0; overflow:hidden}
    .solution-do .img .list .box p{ margin:1rem 0 0}
    .solution-do .img .list .p1,.solution-do .img .list .p3{ width:55%; float:left;}
    .solution-do .img .list .p2,.solution-do .img .list .p4{ width:40%; float:right;}
    .solution-do .main .p5,.solution-do .main .main-list{ float:inherit; display:table-cell; vertical-align:middle; width:8%}
    .solution-do .main .main-list .p6{ width:45%; margin:0 2.5% 5px !important;}
    .advantage li{ display:block}
    .advantage li .txt h3,.about-innovation .img .txt strong{ font-size:1rem}
    .advantage li .img,.advantage li .txt{ width:100%; display:table}
    .container.case-list{ margin:2rem auto 0}
    .product-info .product-info-online,.case-box .product-info-online,.product-info-other,.product-info .product-info-txt{ margin-top:1rem}
    .product-box .shuffer-up .product-shuffer .tit{ padding:1rem 1rem 0}
    .about .txt{ padding:1rem 2rem}
    .about-histroy .txt{ overflow:hidden}
    .about-histroy .txt .year{ font-size:2rem}
    .about-innovation .img .txt strong{ padding-right:.5rem; margin-right:.5rem}
    .about-tit,.cloud-list li{ margin-bottom:1rem}
    .about-us-box{ margin-bottom:2rem}
    .about-us-box .txt{ padding:1rem 1.5rem}
    .about-us-box .txt h3,.page-box h3{ font-size:1.25rem}
    .join-us-box .join-us-r{ margin-top:2rem}
    .join-us-box{ margin:0}
    .recruitment .tit span.name, .recruitment-list span.name{ width:50%}
    .recruitment .tit span.wage, .recruitment-list span.wage,.recruitment .tit span.more, .recruitment-list span.more{ width:25%}
    .reveal-modal{ width:90%}
    .reveal-box h3{ font-size:1.15rem; border-bottom:1px solid #d1d1d1; padding-bottom:10px; margin-bottom:10px;}
    .join-us-f .img{ margin-bottom:1rem}
    .honor-swiper,.status-nav{ background:none;box-shadow:none;-webkit-box-shadow:none; padding:1rem 0}
    .ProductList li{ width:100%; height:280px;}
    .ProductList .img{ height:220px;}
    .ProductList .img img{ height:150px;}
    .boss-talk.container .tit strong,.ex .txt h4{ font-size:1.35rem;}
    .boss-talk.container .tit{ margin:0 0 1rem; padding:0 0 1rem}
    .boss-talk.container{ margin:2rem auto 0}
    .innovationtab-bg .txt{ position:relative; width:100%; border-bottom:none; left:0; max-width:none}
    .innovation-pro .shuffer-up:hover .shuffer-bg{ height:45%;}
    .index-pro-main.innovation-pro li:hover .stars-info{ bottom:40%;}
    .innovationtab-tab-nav{ text-align:center}
    .innovationtab-tab-nav li{ display:inline-block; width:32%}
    .innovationtab-tab-nav li a,.search-container{ width:100%}
    .ex .txt p strong{ font-size:1rem}
    .search-container{ margin-top:2rem}
    .search-container .search-input{ width:60%}
    .about-histroy .time{ position:static; width:100%; margin:0}
    .solution-do .img{ margin:1.5rem 0 0}
    .about-innovation-main .page-common-nav{ margin-bottom:2rem}
    .container.company-news.news-common-tit.news-voide,.container.company-news.news-common-tit.news-box{ margin-top:2rem}
    .index-pro-main li{ width:100%; margin-bottom:1rem; margin-right:0}
    .index-pro-main li .img,.index-pro-main li .tit{ display:table-cell; vertical-align:middle; width:50%}
    .index-pro-main li .shuffer-link h3{ width:50%}
    .ProductList.patent-box li{ height:310px;}
}
@media screen and (max-width:481px){
    .top-logo{ width:200px; margin-top:10px !important;}
    .top-logo img{ height:28px;}
    .top-language{ right:75px;}
    .index-about-data .round{ height:80px; width:80px; line-height:80px; font-size:1.75rem}
    .index-contact-main p b{ font-size:1.1rem}
    .product-main-tit .txt{ display:table; width:100%;}
    .product-list li{ width:100%; margin-bottom:1.5rem}
    .product-info-other a{ width:50%;}
    .product-info .product-info-online a{ width:100%}
    .product-scroll-list .scroll.scroll_2 .container li .img, .product-scroll-list .scroll.scroll_2 .container li .txt{ display:table; width:100%}
    .product-scroll-list .scroll.scroll_2 .container li .txt h3{ font-size:1rem}
    .product-scroll-list .scroll.scroll_2 .container li .img{ text-align: center; border:none}
    .product-scroll-list .scroll.scroll_2 .container li .img img{ width:auto; margin-bottom:10px}
    .container.case-list li .txt{ height:85px;}
    .page-paging .num,.page-paging .end,.status-nav span,.index-pro-main li .stars-info .shuffer-link,.index-pro-main li .stars-info hr{ display:none}
    .news-common-tit .bx-controls-direction a.bx-prev{left: 1rem;}
    .news-common-tit .bx-controls-direction a.bx-next{ right:1rem}
    .news-common-tit .slide{ width:300px; margin:0 auto!important}
    .experts-swiper .swiper-slide{ width:47% !important;}
    .innovation-pro .shuffer-up:hover .shuffer-bg{ height:65%;}
    .index-pro-main.innovation-pro li:hover .stars-info{ bottom:60%;}
    .product-scroll-list .scroll.scroll_2 .container li .txt{ padding-left:0}
    .index-pro-main li .stars-info h2{ margin-top:1.5rem}
    .index-pro-main li .tit{ padding:0 10px;}
}
@media screen and (max-width:421px){
    .media-list.company-news li .img img{ max-width:100%}
    .page-common-nav a{ width:23%; padding:0 .35rem; margin:0 .25rem 0 0}
    .service-scope .main li{ width:48%; float:left; margin:0 0 4% !important}
    .service-scope .main li:nth-child(2n+2){ float:right}
    .service-cloud-main li .txt{ height:230px;}
    .solution-process li{ width:100%;}
    .solution-process li img{ width:auto; max-width:inherit;}
    .solution-process li .txt{ height:auto; padding-bottom:1rem}
    .solution-do .img .list .box p{ width:100%}
    .solution-do .main .main-list .p6{ width:80%; margin:0 !important; float:right}
    .innovationtab-tab-nav li{ width:49%}
    .search-container .search-input{ width:45%}
}
@media screen and (max-width:381px){
    .language_nav,.top-language{ display:none}
    .index-tab-main .index-case-list li,.index-tab-main .index-news-list li,.index-tab-main .img,.index-tab-main .txt,.container.case-list li,.case-box .product-info-online a,.news-voide li .img,.news-voide li .txt,.service-security .main li{ width:100%; display:table}
    .container.case-list li{ display:block}
    .news-voide li .txt,.news-voide li .txt h2{ height:auto; padding:.5rem}
    .service-find .find .link{ top:0}
    .service-find .mall .tit{ top:1rem}
    .youshi li,.youshi li:nth-child(3){ width:100%; display:table; margin-bottom:1rem;}
    .youshi li .txt,.youshi li:nth-child(3) .wap-show, .youshi li:nth-child(3) .txt{ width:100%; display:block; height:auto}
    .service-solve-list{ width:50%;}
    .service-solve-list:nth-child(even){ border-right:none}
    .service-solve-list:nth-child(odd){ border-right:1px solid #e0e4ed}
    .ProductList li,.index-pro-main.innovation-pro li{ width:100%}
    .innovation-pro .shuffer-up:hover .shuffer-bg{ height:40%;}
    .index-pro-main.innovation-pro li:hover .stars-info{ bottom:35%;}
}

/*鼠标触发背景上升变色*/
.shuffer-up{ position:relative}
.shuffer-bg {height: 0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.shuffer-up:hover .shuffer-bg{height: 100%;background-color: #0086df; opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.stars-info {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear 500ms;transition: all linear 500ms;color: #fff;opacity:0;}
.shuffer-up:hover .stars-info {height: 20%;border-bottom:none;-webkit-transition: all linear 500ms;transition: all linear 500ms;opacity:1; display:block}
.shuffer-link{opacity:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .stars-info{opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .shuffer-link{opacity:1;-webkit-transition: all linear 800ms;transition: all linear 800ms;}

/*鼠标移动拉伸*/
.move{transition:width 1s;-moz-transition:width 1s; /* Firefox 4 */-webkit-transition:width 1s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}


/*图片滚动通用样式*/
.bx-wrapper{position:relative;margin:0 auto;padding:0}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;width:100%}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

/*swiper*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}

/*分页*/
.page-paging div{ display:table; width:100%}
.page-paging{ margin:30px auto 0; text-align:center;width:100%; overflow:hidden}
.page-paging a,.page-paging span{ padding:7px 14px; border:1px solid #c5cad3; margin:0 2px; color:#333; display:inline-table}
.page-paging a:hover,.page-paging .on,.page-paging span{ background:#0086df; color:#fff; border:1px solid #0086df}
.page-paging span{ float:inherit !important}
.page-paging .end{ border:none}

.form-label span{ position:absolute; left:1rem; top:0; color:#999}
.form-label span b{ color:#0086df; margin-right:3px;}
.form-label input{ background:none; width:100%; padding-left:90px;}
.form-textarea { background:#f2f7f8; margin-bottom:1rem}
.form-textarea textarea{ background:none; padding:10px; width:100%; min-height:75px; color:#999}
.form-label textarea:focus{ color:#333}
.form-main .sub{ background:#0086df; color:#fff; height:40px; line-height:40px; width:120px;}
.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:50%;}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:40px; height:40px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#0086df;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; font-family:; font-size:1rem}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:1rem;border:1px solid #bbb; border-top:none; text-align:left; background:#fff}
.Validform_bg{  background-color: rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%;filter:Alpha(opacity=50);}

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden; margin:0 auto;z-index:101; display:none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; left:0; top:0; right:0; bottom:0}
.reveal-modal .close-reveal-modal{font-size:3rem;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);cursor:pointer}
.reveal-box{padding:2rem;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background:#fff; position:relative; width:100%}
.reveal-box .y{ color:#666}
.reveal-box .y strong{ color:#333}
.reveal-box .y p{ margin-bottom:5px;}
.reveal-box .y .z,.reveal-box .y .r{ margin-bottom:15px;}
.rc-sub{ overflow:hidden; margin-top:1rem; display:table; width:100%}
.reveal-box .c li{ margin-bottom:10px;}
.rc-sub a{ background:#d70d25; color:#fff; padding:.5rem 1rem; float:left;}

/* quick_links */
.mui-mbar-tabs{height:100%;right:0;position:fixed;bottom:0;z-index:9;}
.quick_links_panel{width:40px;height:100%;position:absolute;/*background:#fff;*/z-index:2;top:0;right:0;/*box-shadow: 3px 10px 5px 5px #ccc;-moz-box-shadow: 3px 10px 5px 5px #ccc;-webkit-box-shadow: 3px 10px 5px 5px #ccc; */
    /*动画名称，需要跟@keyframes定义的名称一致*/
    /*-webkit-animation-name: "fadeInRight";
    animation-name: "fadeInRight";
    -ms-animation-name: "fadeInRight";
    -moz-animation-name: "fadeInRight";

    /*动画持续的时间长
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;*/
    /*动画循环播放的次数为1 infinite为无限次
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;*/
}

/*@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes fadeInRight {
0% {opacity: 0;transform: translateX(20px);	}
100% {opacity: 1;transform: translateX(0);}
} */

/*提示层*/
.right-item{ display:table; margin:0px auto; position:relative}
.tooltip { width:280px;padding:10px;border-radius:3px;position:absolute; border:1px solid #ccc;margin: -800px 0 0 -20px;background:#ffecbf;-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out; left:-265px; top:98px; font-size:12px;}
.tooltip p{ color:#434343; margin:0;}
.right-item:hover .tooltip {margin:-145px 0 0 -20px;-webkit-transition: width .15s ease-in-out;-moz-transition: width .15s ease-in-out;}

/*提示层*/

.quick_links_panel a{display:block;width:40px;height:66px;text-decoration:none;position:relative;overflow:hidden;top:0;left:0px;*left:-15px;z-index:1;margin:0;padding:0;}
.quick_links_panel .mp_tooltip{height:105px;line-height:38px;width:84px;position:absolute;z-index:2;left:-121px;top:0;background:url("../images/icon/rightwechat.jpg") no-repeat;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;}
.mp_hot{background:url("../images/righthot.jpg") no-repeat; width:160px; height:66px;position:absolute;z-index:2;left:-121px;top:0;color:#d8d8d8;text-align:center;display:block;visibility:hidden;border:1px solid #bfbfbf;}
.mp_tel{background:url("../images/righttel.jpg") no-repeat top center #e7e7e8; width:128px; height:170px;position:absolute;z-index:2;left:-121px;bottom:0;color:#ce012f;text-align:center;display:block;visibility:hidden; border:1px solid #bfbfbf;}
.api-lxb-cb-con{ width:128px; position:absolute; margin:0 auto; display:table; bottom:17px; text-align:center}
.api-lxb-cb-con input{ width:110px; margin-bottom:6px; text-align:center; height:22px;}
.api-lxb-cb-input{ background:#373d44; border:1px solid #373d44; color:#fff; font-size:11px;}
.api-lxb-cb-btn{ background:#ce012f;  border:none; color:#fff; font-size:12px;}

.quick_links{position:absolute;top: 60%;left:0;margin-top:-190px;*margin-top:-220px;	background:#fff;z-index:2;width:40px;}
.quick_links li{position:relative;display:block;left:0;top:0px; border-bottom:1px solid #bfbfbf}
.quick_links i{width:40px;height:66px;display:inline-block;background:url("../images/sprites.png") no-repeat;cursor:pointer;}
.quick_links .right_tel{ background-position:0px -68px}
.quick_links .right_contact{ background-position:0px -137px}
.quick_links .right_wechat{ background-position:0px -205px}
.quick_links .right_hot{ background-position:0px -272px}

.quick_links .right_online:hover,.quick_links .right_online{background-position:-42px 0px}
.quick_links .right_tel:hover{background-position:-42px -68px}
.quick_links .right_contact:hover{background-position:-42px -136px}
.quick_links .right_wechat:hover{background-position:-42px -204px}
.quick_links .right_hot:hover{background-position:-42px -272px}

.api-lxb-cb-input:hover .tt{ display:block}
/*返回顶部样式开始*/
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 90px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background:  url("../images/icon/top.jpg") no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 40px;width: 40px;right: 0px;bottom: 40px;}}


/*404*/
.no-page{ margin:5% auto 7%; width:40%; height:auto;text-align:center}
.no-page-txt{ background:#fff; padding:4% 5%; margin-bottom:3% }
.no-page-txt h2{ font-size:100px; height:100px; line-height:100px; font-family:Verdana, Geneva, sans-serif; color:#b81b32; font-weight:bold}
.no-page-txt p{ margin:2% auto 4%; font-size:24px; font-weight:bold; color:#595757}


.sub-page-box { padding:0 0 5%}
.sub-page-box .s1{ background:#b81b32; text-align:left; color:#fff; height:35px; line-height:35px; font-size:14px; font-weight:normal; padding-left:2%}
.sub-page-box .s1 a{ float:right; margin-right:2%; color:#fff; font-family:"Comic Sans MS"; font-weight:bold; cursor:pointer}
.sub-page-box .s2{ font-size:14px; font-weight:normal; color:#595757}
.sub-page-box .s3 a{ background:#b81b32; color:#fff; font-size:14px; font-weight:normal; padding:6px 12px; cursor:pointer}

.no-page-link{ text-align:left;}
.sub-page.no-page .no-page-link a{ color:#333}


.friend-link{ overflow:hidden}
.friend-link p{ margin-bottom:.5rem; font-size:1rem; color:#434343}

@media only screen and (min-width: 769px) {
    #LRfloater2{ bottom:45px !important;}
    #LRMINIWIN{ height:355px !important; width:325px !important}
}